Menu on mobile does...
 
Notifications
Clear all

[Solved] Menu on mobile doesn't show all the elements

3 Posts
2 Users
0 Reactions
1,810 Views
Kevin33
(@kevin33)
Eminent Member
Joined: 4 years ago
Posts: 20
Topic starter  

Hi,

I added many items on my menu, on desktop it is great, but on mobile I can't scroll through all of them, it is like cut off at some point, how can I solve this please?

Thanks in advance

Note : I use plak theme


   
Quote
plaktheme
(@plaktheme)
Reputable Member
Joined: 5 years ago
Posts: 0
 

Hi Kevin,

Katrine here from Plak theme support,

In order to fix the overflow lack on mobile devices when you have too many items on a menu on mobile, I invite to follow these steps to add a scrolling bar on the menu

 

  • From your Shopify dashboard, click Online store > Actions > Edit code
  • Open the file header.liquid
  • At the first line add the bellow code
<style>
.mobile-nav {
overflow-y: auto !important;
max-height : 450px;
}
</style>
  • Click Save

 

Let me know if this solved the issue 🙂

Katrine

Katrine | Technical support at Plak, Scrowp & Vantout
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
Kevin33
(@kevin33)
Eminent Member
Joined: 4 years ago
Posts: 20
Topic starter  

It worked and I liked the solution, thanks a lot for the fast reply 😎 😎 

Kevin


   
ReplyQuote
Share:

Welcome to the Shopify Forum Community provided by Plak ThemeLLC, a place where you can discuss about eCommerce and Shopify, solve technical issues, get help with Shopify Design, Apps integration, Marketing, Facebooks ad, Google ads and more.

Before posting, we invite you to read and follow the forum rules | We also support any questions related to Free Shopify themes :Dawn, Express, Minimal, Brooklyn, Narrative, Supply, Debut, Venture, Boundless and Simple