CMS Development

aabndz
Member

Mobile Menu Dropdown Problem

SOLVE

Hi all,

 

We're having some issues with our website. The menu on mobile is broken, with the categories extending beyond the boundary of the menu. How can we fix this?  Thank you! 

 

aabndz_0-1695915776040.jpeg

0 Upvotes
1 Accepted solution
albertsg
Solution
Guide

Mobile Menu Dropdown Problem

SOLVE

Hi @aabndz, you need to make some adjustments to your CSS in order to resolve this issue.

 

I recommend applying the following CSS to your mobile styles:



.custom-menu-primary {
    max-width: 100%;
}

.hs-menu-children-wrapper {
    flex-wrap: wrap;
}

 

This should address the responsiveness, but you may still need to fine-tune the menu toggling. 🙂

 

I hope this helps! 



Did my answer help you? Mark it as a solution


Do you need help with your site? Book time with me:


Book time with Albert

You can also connect with me on LinkedIn



View solution in original post

1 Reply 1
albertsg
Solution
Guide

Mobile Menu Dropdown Problem

SOLVE

Hi @aabndz, you need to make some adjustments to your CSS in order to resolve this issue.

 

I recommend applying the following CSS to your mobile styles:



.custom-menu-primary {
    max-width: 100%;
}

.hs-menu-children-wrapper {
    flex-wrap: wrap;
}

 

This should address the responsiveness, but you may still need to fine-tune the menu toggling. 🙂

 

I hope this helps! 



Did my answer help you? Mark it as a solution


Do you need help with your site? Book time with me:


Book time with Albert

You can also connect with me on LinkedIn