Main menu: Dropdown list unable to show all products

Hi all,

I am wondering if you have encountered the same problem - I am running a phone case business and have more than twenty models as products. When I am testing out the dropdown list for all products, it is not able to show all models on my laptop. Yet, all models are able to be shown on the bigger window on another computer. How can I make sure that all models are able to be demonstrated despite the size of the devices?

I checked on the phone version, and it is able to display all models.

Here’s my website - https://www.caseifyworld.com

Free feel direct message me for the passwords.

Thank you very much.

Best regards,

Alice

1 Like

Using media query css split the long list menus in 2 columns
You can check an example here

1 Like

@Alice211

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.

1 Like

Hello @Alice211 ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

1 Like

Thanks for your resolution! It’s now solved!

1 Like

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team