Dawn Theme- Increase the width of the dropdown menu

[miguelg0610]

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.

[Asad-Mahmood]

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

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

[BSS-TekLabs · Accepted solution]

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

We hope this assists in resolving the issue.

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

[miguelg0610]

Thank you. It worked.

[BSS-TekLabs]

You're welcome! 😊