Change width of drop-down menu on navigation - Fashionopolism Theme

[shopblacksalt]

Hello,

I’d like to widen the width of my drop-down menus on my navigation so that the words are shown in full rather than showing an ellipses (…) next to them. My theme is Fashionopolism 9.5.0 (most current version). Attached is a screenshot of how my navigation drop down menu currently looks: My website is www.shopblacksalt.com

Thank you for your help!

[BSS-TekLabs]

Hi @shopblacksalt ,

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.

.dropdown__menuitem {
    /* You can adjust this value according to your preference */
    width: 300px;
}

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!

[shopblacksalt]

Thank you so much! Worked perfectly. Appreciate it!

[BSS-TekLabs]

You’re welcome!