Nav menu text color on home page

[lifeinterwoven]

Hi the team,

I’ll need to enlarge the font size of the Home page navigation menu slightly bigger ie to 18px. I’ve checked from the web developer tool. The elements that are related to is

.page-header-naked-light .sticky-wrapper:not(.is-sticky) #main-nav ul.menu > li > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) nav .menu > li.menu-item > a, .page-header-naked-light .sticky-wrapper:not(.is-sticky) nav.std-menu .menu > li > a,

as when I changed the font-size in this element, the font has got bigger.

I will need to change in css but I am not sure should I copy the whole elements to custom css or there is a shorter elements that I should refer to.

Please refer to the attached file.

Thank you very much.
Regards,

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#main-nav ul.menu > li > a{
font-size:18px !important;
}

Thanks
Mohammad

[lifeinterwoven]

Hi Mohammad,

Thanks for your support. It is all good now.

I actually had to change the plan after I sent the ticket. Sorry for that. After I discussed with my colleague we decided to amend the header banner of the font page to be white instead of transparent. And then I need to change icons to be other colors that a viewer can see so I added the following codes to custom css section.

.page-header-naked-light .header-6 .shopping-bag-item a > span.num-items {
color: #042942;
}
nav .menu li > a > i {
color: #042942;
}
.header-wrap[class*=”page-header-naked”] #header-section #header, .header-wrap[class*=”page-header-naked”] #header-section.header-5 #header {
background: #fff;
}

If you have the code that is better than these please let me know. I obtained the elements from the web developer tool.

Thank you very much once again for a fantastic support.
Regards,

[Mohammad – SUPPORT]

Hi,
If your code is working then dont need any new code.
Thanks
Mohammad