Change width of Dropdown menu in Prestige theme

Store Design
1

Hello!

The fixed widths of the menu drop down items in Prestige is causing the names to be in 2 lines - see image attached. How can I increase the width of this menu items to see the name in one line?

Thanks!

Bala

Screen Shot 2022-03-07 at 8.31.49 PM.jpg
Screen Shot 2022-03-07 at 8.31.49 PM.jpg1400×1068 115 KB

2

@ArtbyBala

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi

https://unusualearrings.com/

Thanks

4

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

.DropdownMenu ul.Linklist .DropdownMenu {
max-width: 330px;
}

Thank you.

5

Hi @ArtbyBala ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.DropdownMenu .DropdownMenu {
    min-width: 330px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

6

@ArtbyBala

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.HorizontalList__Item .DropdownMenu {
    min-width: 300px; /* change the value as you like */
    max-width: 300px; /* change the value as you like */
}