Support Center Visit Demo License manager Buy @ envato

Burger menu doesn't close on click / tap

jackrennjackrenn
in Menu / Mega menu
Hi,
I'm testing the one pager template "Yoga" and have the problem that the burger menu doesn't collapse after click oder tap on an menu item when the screen is bigger than 768px width. Below it works...
Where can I change the javascript of this part...?

Thank you a lot!
Marcus

Comments

  • PabloPablo
    Hi,
    Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
    It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • jackrennjackrenn
    I think you know the link.... ;-)

    Just make the window as small as the burger menu appears and klick on a item. It goes to the right place, but the manu stays open...

    If you make the window even smaller (smartphone size), the burger menu closes after click / tap, as expected.

    Thank you in advance,
    Marcus
  • BryanBryan
    Sorry but this is not possible. it would require custom JS which we do not support.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • jackrennjackrenn
    I know that you don't support that. But it would be very helpful if you could tell me in which file i can find the behaviour of the burger menu. And besides, I think it would be good if you repair that beheviour for future users because it seems to be a bug, isn't ist...?

    Thanks!
    Marcus
  • PabloPablo
    1) It should be in JS folder of BeTheme, a menu.js file.
    It's not a bug, but if you want to see it in the next updates, please
    feel free to post your ideas here:

    We really appriciate this :)
    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • jackrennjackrenn
    It's not in the menu.js, but I think I could solve the problem in another way, - by changing the media queries for the dropdown menu. Closing the dropdown menu works for width 0px up to width 768px. Between 769px and 1239px it doesn't work. There is another dropdown layout (it's not full with but on the right side).

    Can I just delete this media queries breakpoint (769 to 1239) for the dropdown? If I had the fullwith dropdown layout from 0px up to 1239px the problem would be solved that way. Maby you could help me with this, it's only css and maybe supported....  :-)

    Thank you in advance,
    Marcus
  • PabloPablo
    This is not possible through CSS, because it require JS code to make it as you want.
    The files responsible of this menu behaviour are:
    - BeTheme > JS / Menu.JS
    - BeTheme > Functions > theme-menu.php/theme-mega-menu.php
    Thanks.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
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.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

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.