Mobile menu breakpoint issue

Hello,

When a custom menu breakpoint is set for smaller screens, some strange output is seen around this value for the Side_slide functionality.

This is using the original/default header system (with Elementor in use) - not BeTheme.

The menu breakpoint is set at 941px and a "mobile menu" is in place.


At 940px viewport width, the menu shown is not the selected "Custom menu" and the menu itself doesn't have the top margin/padding to stay clear of the search icon:

Only at 766px viewport width does the correct menu show and spacing for the search icon work.

I note in the menu.js file that the default mobileInit value is set to 768. Within the source the `var mfn` data does show 941. Not sure if there's an issue in its implementation, or something else?

You can see this in practice at https://tinyurl.com/bd5n788y

Can you please advise how to get the view of the 767px menu shown all the way up to the 940px breakpoint?

Thanks

Comments

  • Hi,

    I have passed it to the dev team. To prevent incorrect display, use the following CSS code:

    @media screen and (min-width: 767px) and (max-width: 941px) {
     #Side_slide .menu_wrapper {
       position: unset!important;
     }
    }
    

    However, assigning an appropriate menu requires us to fix it in files, which should be available in the upcoming update.


    Best regards

  • Thank you.

    Please let me know when resolved so I can proactively update for the client immediately.

    If it's a quick fix and the code changes can be shared, I'd be happy to modify the files before the update is available.

  • If I will get a solution for that before an update, I will let you know.


    Best regards

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.