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.