Menu Navigation - Change Background Colour

Store Design
, ,
1

Hi,

I’m trying to sort out my menu navigation on my website.

I would like all menu names to be in BOLD and then on two of them, NEW and SALE Id like the font to be white and add a different colour behind them both.

Please see image…

Menu Colour Change.png

Thanks!

2

Hi @Aidan_Dodsworth

Could you drop your store here so I can check?

3

Hello @Aidan_Dodsworth
Please provide the URL of your website.

4
5

website is www.tileoutlets.co.uk

6

@Rahul_dhiman It’s tileoutlets.co.uk

7

Go to online store ---------> themes --------------> actions ------> edit code-------> theme.css
and add this code at the very end of your file.

li.nav-bar__item:nth-child(2) {
background: #70ff70;
color: black;
padding: 17px 10px;
}
li.nav-bar__item:nth-child(12) {
background: pink;
color: black;
padding: 17px 10px;
}

If this was helpful, hit the like button and mark the job as completed.
Thanks