New Shopify Certification now available: Liquid Storefronts for Theme Developers

Changing Mega Menu colour Empire Theme

EducationNation
Tourist
11 0 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

 

Replies 7 (7)
Dan-From-Ryviu
Shopify Partner
5679 1047 1073

Hi @EducationNation 

Could you drop my store link here? 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

EducationNation
Tourist
11 0 1
Dan-From-Ryviu
Shopify Partner
5679 1047 1073

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

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

EducationNation
Tourist
11 0 1

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. 

Dan-From-Ryviu
Shopify Partner
5679 1047 1073

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;
}

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

EducationNation
Tourist
11 0 1

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

 

 

Dan-From-Ryviu
Shopify Partner
5679 1047 1073

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. 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now