How to change Mega Menu colour in Empire Theme to match my #C8E8FD colour scheme?

Store Design
1

The mega menu dropdown colours dont match my theme. How do I change the colours to match my theme using a colour such as #C8E8FD?

EducationNation_0-1699502223068.png
EducationNation_0-1699502223068.png976×459 16.2 KB

2

Hi @EducationNation

Could you drop my store link here?

3

Hey Dan.

Thanks.

https://admin.shopify.com/store/education-national

4

Do you want to change background color of hover menu or text color of hover menu?

5

Hi Dan.

I want to change the background colour of the hover box to blue #C8E8FD. The text may also need to change to black.

6

Go to your Online store > Themes > Edit code > open theme.css file, add this code at the bottom and save file

.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text:hover {
color: #1d1d1d !important;
}
.navmenu-meganav-sidenav__item:hover, .navmenu-meganav-sidenav__item:focus-within, .navmenu-meganav-sidenav__item.navmenu-item--preselected {
    background: #C8E8FD !important;
}
7

Legend. Works perfectly.

I have another question you may be able to help with.

Id like to add 2 prices to each product. Primary price that says Exc GST and a secondary “in grey colour” price that says Inc GST. like the below.

EducationNation_0-1699503699683.png
EducationNation_0-1699503699683.png878×368 22.8 KB

8

Hi @EducationNation

Please go to your Online store > Themes > Customize, checking around in settings if your store has this feature. If it does not have, you can contact theme developer so they can help you to add this feature.