Dawn Theme- Increase the width of the dropdown menu

Shopify Discussion
1

Hello. How can I increase the width of the dropdown menu on my website?

Website: https://aelisbeautyproducts.com/

I’m using Dawn theme.

Thank you.

2

Go to your online store → customize → settings → custom css and paste this code there

.header__submenu .header__menu-item {
    white-space: nowrap;
}
3

Hi @miguelg0610 ,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.header__submenu.list-menu {
    /* You can adjust this value according to your preference */
    width: 250px;
}

Here is the result

BSSTekLabs_0-1722045594470.png
BSSTekLabs_0-1722045594470.png2878×832 219 KB

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

4

Thank you. It worked.

1 Like
5

You’re welcome! :blush: