How to reduce the width of the dropdown in the header menu? DAWN THEME

Store Design
, ,
1

As you can see in the picture below:

Screenshot (167).png
Screenshot (167).png1840×891 150 KB

When the mouse hovers over the “SHOP” a dropdown is appearing and the width of the dropdown is more than it needs, So I would like to reduce the width of that dropdown and have only enough space to occupy the dropdown list items.

URL:https://abbasigems.com/

Password: testingpage

Thank you, Any sources or help are much appreciated!

2

@justauser

Please add the below code above in theme.liquid

layout >> theme.liquid

@media only screen and (min-width: 750px){ .header__inline-menu .header__submenu.list-menu { width: 180px!important; } .header__inline-menu .header__submenu.list-menu li { width: unset!important; } }
3

Hi @justauser

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1674915436128.png
PageFlyVictor_0-1674915436128.png400×225 38.4 KB

Hope this answer helps.

Best regards,

Victor | PageFly