How can I fix the menu cut-off issue in my mobile layout?

Hippada · ‎04-10-2024

My mobile layout drop down menu has too much padding and the account & language selection tab aren’t visible (see picture). I reduced the width but can’t find a solution for length. Greatly appreciate some help.

Dan-From-Ryviu · ‎04-11-2024

Hi @Hippada

Please add this code below to theme.liquid file, after <head> element in Online Store > Themes > Edit code

<style>
@media (max-width: 749px) {
.js .menu-drawer { height: calc(var(--viewport-height, 100vh) - 110px) !important; }
}
</style>

Best Regards,

Dan

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎04-11-2024

Hi @Hippada

Please add this code below to theme.liquid file, after <head> element in Online Store > Themes > Edit code

<style>
@media (max-width: 749px) {
.js .menu-drawer { height: calc(var(--viewport-height, 100vh) - 110px) !important; }
}
</style>

Best Regards,

Dan

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Hippada · ‎04-11-2024

Dan,

Thank you very much and it was a perfect fix! Appreciated the simple explanation as well!

How can I fix the menu cut-off issue in my mobile layout?

How can I fix the menu cut-off issue in my mobile layout?

Community Blog Articles