Hi,
I need help changing the drop down menu colour to a white background with black font. Its currently the yellow colour and changes together when i change the header colour.
Topic summary
A user needs to change their dropdown menu styling to have a white background with black font, as it currently matches the yellow header color and changes together with it.
Store Access Issues:
- Initial store URL provided was incorrect
- Correct store URL shared: phurry.myshopify.com (password: chalet123)
Solutions Provided:
Two different CSS code snippets were offered by community members:
- First solution targets
.header__menu-itemand.list-menu--disclosureclasses - Second solution uses
.site-nav__dropdownclass withbackground-color: #fff !important
Both solutions should be added to the theme’s CSS file (Online Store → Theme → Edit code → Assets → base.css or styles.css).
Secondary Issue:
- User also mentioned slideshow images getting cut off when fixed to 500px height
- This issue was not addressed in the thread
Resolution: User confirmed the CSS solution worked successfully.
@Qke ,
share the store URL ?
https://phurry.myshopify.com/admin/themes/141638074643/editor
password is chalet123
I also have another issue if it’s possible to help me out please.
In the slideshow image i have fixed the size to 500px and when i do that my image gets cut out, what size do i need to format my images to in order to fit it perfectly like the 2nd photo?
examples are shown:
@Qke
Hello,
.header__menu-item.list-menu__item.link.link--text.focus-inset.caption-large {
color: #000;
}
.list-menu.list-menu--disclosure {
background-color: #fff;
}
Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
like This
Hi,
So sorry i gave you the wrong URL for the theme
this is the theme i was referring to, could you have a look at this one please?
Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->styles.css file.
.site-nav__dropdown {background-color: #fff !important;}
Thanks!
thank you so much !