Re: change background color sub menu

Solved

How can I change the sub menu background color to light gray?

the-gallery
Tourist
11 0 0

help!

I want to change my sub menu background to "lightgray" color instead of the whole background color (transparent) 

 

https://2cdlg2c6nf0v3yvj-82296930600.shopifypreview.com

Screenshot 2023-09-15 at 1.41.35 AM.png

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 290

This is an accepted solution.

Hi @the-gallery 

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 base.css

Step 3: Paste the below code at bottom of the file -> Save

 

sticky-header ul#HeaderMenu-MenuList-2 {

    background: lightgray !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
10092 2006 2057

Hi @the-gallery 

You can do that by adding this CSS code to bottom of your base.css file in Online store > Themes > Edit code > Assets 

#HeaderMenu-MenuList-2 {
    background-image: none !important;
    background-color: #e6e6e6 !important;
}

Screenshot 2023-09-15 at 16.02.11.png

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

PageFly-Henry
Shopify Partner
1184 335 290

This is an accepted solution.

Hi @the-gallery 

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 base.css

Step 3: Paste the below code at bottom of the file -> Save

 

sticky-header ul#HeaderMenu-MenuList-2 {

    background: lightgray !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

the-gallery
Tourist
11 0 0

thank you so much