Shopify Discussions

need-help-with · ‎04-14-2023

Hello!

I have the color I want working for only the home page and would like the color to be the same on every page of my website. If someone could help me with this that would be great!

Thank you!

Maddie

abrar_anwar · ‎04-14-2023

Hey
Please provide a few more details about the issue and your store URL as well.
so that I can provide a way around this.

websensepro · ‎04-14-2023

Hi @need-help-with

Can you please provide store URL

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

need-help-with · ‎04-19-2023

https://porch-patio-5738.myshopify.com/password?_fd=0

Maddie$Molly

The Dropdown color I selected only works on the home page, but once you enter other pages it goes back to the gray color. It also does not work for scrolling megamenu

Maddie

need-help-with · ‎04-21-2023

https://porch-patio-5738.myshopify.com/password?_fd=0

Maddie$Molly

The Dropdown color I selected only works on the home page, but once you enter other pages it goes back to the gray color. It also does not work for scrolling megamenu

Maddie

abrar_anwar · ‎05-05-2023

@need-help-with
you can simply add this CSS code in theme.liquid inside head tag. <head></head>
Because your theme is using multiple CSS files for multiple templates.
If you place this code in the head tag of theme.liqud file then it will be applied on all the pages.

<style>
.header-link, .dropdown-submenu__link {
    color: red !important;
}
</style>

need-help-with · ‎05-05-2023

Hi Abrar_Anwar! Unfortunately I need to change the dropdown menu's background, not the text color. I attached a photo to show that at on the home page the drop down is off white, but once the page changes or you scroll down and access the header, it reverts back to the theme's default drop down color. Thank you.

Maddie

abrar_anwar · ‎05-05-2023

Apply the following style at the end of the theme.min.css file

.sticky-header-wrapper {
   background: #fff !important;
}

need-help-with · ‎05-09-2023

Unfortunately I am not looking to change the sticky header color itself. I only want to change the dropdown's background color, not the header's color. Like when you hover over a selection, I want the color to be different from what the header and the site's background is.

Maddie

Shopify Discussions

Changing background color of nested dropdown

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links