Re: Mobile layout menu cutting off sections

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

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- 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

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- 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!

Re: Mobile layout menu cutting off sections

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

Community Blog Articles