CSS menu customization

Looking to customize the CSS menu according to the given screenshot:

https://prnt.sc/k5g8ak

Would like to achieve somewhat a closer look, please advise further about the correct CSS regarding that. :slight_smile:

  • Ash
    • WordPress Hacker

    Hello Sarah

    Would you please check now? Here is the added css:

    @media screen and (max-width: 480px) {
    .menu-contact a, .menu-cart a, .menu-account a, .menu-home a{
    font-weight: normal !important;
    text-align: center !important;
    font-size: 11px !important;
    }
    .menu-contact, .menu-cart, .menu-account, .menu-home{
    width: 86px;
    float: left;
    }
    .menu-contact a:before, .menu-cart a:before, .menu-account a:before, .menu-home a:before{
    background-color: #feee00;
    border-radius: 10px;
    padding: 5px;
    margin: 0 10px !important;
    float: none;
    display: block;
    }
    #menu-item-154{
    clear:both;
    }
    }

    Hope it helps! Please feel free to ask more questions if you have any.

    Have a nice day!

    Cheers,

    Ash

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.