I want to change background color in mega menu with title: Shop All for this colour: C5FAD5
Can you help?
client site:
@Skviotu Would you like to apply background color for specific megamenu or for all the megamenu dropdowns?
for all dropdowns, âShop Allâ title is on the couple of dropdowns, please check the link
@Skviotu It looks difficult to manage as there are no unique classes or tags for Shop All links.
Are you able to add some unique options for the shop all links only? if yes then can easily manage.
unfortunately no. Uniquness in these is this that they have title: âShop Allâ but with different links.
Hi @Skviotu
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file main.css
Step 3: Paste the below code at bottom of the file â Save
a.main-nav__item.child-nav__item.js-sidebar-hover {
background: #C5FAD5 !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hi @Skviotu
Check this one.
From your Shopify admin dashboard, click on âOnline Storeâ and then âThemesâ.
Find the theme that you want to edit and click on âActionsâ and then âEdit codeâ.
In the âAssetsâ folder, click on âbase.css, style.css or theme.cssâ file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
a.main-nav__item.child-nav__item.js-sidebar-hover.is-visible {
background: #C5FAD5;
}
And Save.
Result:
Please donât forget to Like and Mark Solution to the post that helped you. Thanks!
it actually works, but it highlight other items too in the mega menu, How to do it only for âShop Allâ?