How can I widen the dropdown menus on my website?

Store Design
1

Hello, I’m using the Minimal them, and my dropdown menus have different widths. I’m looking to increase the width of the dropdown menus so that every item fits on one line instead of 2 or 3, as it is right now.

https://shopvalbella.ca/ (See under Shop, versus Gift Cards dropdown menus)

How can I accomplish that?

2

Hi, @Adrien78 !

Thanks for sharing your question and linking your store. I had a chance to browse your website and I really like the layout, color scheme and clear images you have displayed.

I understand that you’re using Minimal theme and you’d like the drop-down menus to have different widths. Preferably wider so that each item fits on one line and not several. While taking a closer look at your store, I can see you’d like the other drop-down menus to display how the Gift Cards menu appears.

Our Shopify Themes are set with a specific width to ensure optimal content display across all screen sizes. Due to this reason, and that it would take more than 60 minutes of design time to complete, our Theme Support is not able to support making themes wider, full width, or narrower. I’ll also share our help center resource for more information on what supported theme customization’s are available for Minimal theme.

Additionally, I do have a workaround that can help the appearance of a wider drop-down menu and be visually appealing to your customers.

Boundless Theme:

  • Boundless theme layout is clear, concise and minimalist.
  • Designed to showcase larger high-resolution images.
  • Sticky navigation that allows you to keep your navigation menus fixed to the top of your page as you scroll down.
  • Collection images are presented in a full-width grid layout for a better visual experience.

Narrative Theme:

  • Narrative theme also has a minimalist design, and has a variety of presets to choose from.
  • Includes a fixed navigation that creates a better browsing experience for your customers. It surfaces your menu, logo and cart.
  • Narrative also has a wider layout, allowing for larger high-resolution images with a full width layout.

I recommend viewing each theme using the Demo Store option, or trying each theme out before publishing to see if it fits your business needs.

Another option besides theme workarounds is to look into hiring a Shopify Expert. They may be able to implement code or apply theme customization’s to see if making the drop-down menu wider is applicable. Our Shopify Experts are a team of developers, marketers, designers and experts trained in coding, store customization and growing your business.