Dropdown menu contains too many entries to fit on the screen. Need to make dropdown menu two columns - Taste theme. Any tips?
Hey @Pure_Flight ,
Can you share the link to your store?
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
If you want to change the size, just change the “max-height: 35vh” to another value. 100vh is full screen height.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hi @Pure_Flight
This is Theodore from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Theodore | PageFly
This worked flawlessly. Gracias!
Actually, this only seems to work when viewing my site in Chrome browser. In Firefox and Safari browser, it creates the additional columns, but the background for those columns is transparent. Any advice?
In that case, the only way to solve it is to force columns. But that means if you add only two items in the menu, it will be in two columns.
Replace the previous code with this.