Change Drop Down Menu Background Colour On Boost Theme

Store Design
1

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.

Untitled-3.jpg
Untitled-3.jpg1890×1417 87.9 KB

2

@Qke ,

share the store URL ?

3

https://phurry.myshopify.com/admin/themes/141638074643/editor

password is chalet123

4

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:

Untitled.jpg
Untitled.jpg3840×1080 149 KB

draft 1.jpg
draft 1.jpg3840×1080 132 KB

5

@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

oscprofessional_0-1673504140434.png
oscprofessional_0-1673504140434.png1432×561 62.1 KB

6

Hi,

So sorry i gave you the wrong URL for the theme

https://phurry.myshopify.com/

this is the theme i was referring to, could you have a look at this one please?

7

@Qke

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->styles.css file.

.site-nav__dropdown {background-color: #fff !important;}

Thanks!

8

thank you so much !