Debut - Changing submenu background and width

Store Design
1

Hi,

Godzhand_0-1638320765612.png
Godzhand_0-1638320765612.png2517×427 136 KB

I need help adjusting the width of the submenu of the header and also, I would like to change the background color of the submenu.

Any help is appreciated!

Thank you.

2

Hello There,
Please share your store URL and and password.
So that I will check and let you know the exact solution here.

3

Welcome to the shopify community.

Please share your store URL and if your store is password protected then provide password also.

Thank you.

4

hi, this is my store url: godzhand.myshopify.com

5

Please add below code in bottom of assets/theme.css file

.site-nav__dropdown–centered {

top: 30px !important;

background-color: #000;

width: 80%;

}

.site-nav__childlist {

background: #000;

}

.site-nav__dropdown {

left: unset;

right: 0;

}

6

Hi,

Thank you for your help, if it’s not too much, can you help me with another problem please.

So basically, I want to change the color of the 3 dash line and I would like to move it from the right side toward the left side on mobile view.

Can you please help me with that.

Thanks

Godzhand_0-1638452744060.png
Godzhand_0-1638452744060.png445×123 1.02 KB

7

Please add below code in bottom of assets/theme.css file

.site-header__icons-wrapper {

flex-direction: row-reverse;

}

.btn–link svg.icon.icon-hamburger {
color: #f5a623;

}
Hope it is helpful for you.
Thank you.

8

also add below code in assets/theme.css file

.site-header__icons-wrapper .btn–link:focus, .btn–link:not([disabled]):hover {

color: #f5a623;

}