Support Center Visit Demo License manager Buy @ envato

Separate Mobile Menu

sandervanstiphoutsandervanstiphout
in Menu / Mega menu
Hi, 

Is it possible to use a different seperate menu on mobile in comparison to the desktop version?

Thanks

Comments

  • BryanBryan
    HI,
    This feature is not possible, we will work on it.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • sandervanstiphoutsandervanstiphout
    edited April 2017
    When I use anchor links in the menu, the site always scrolls to the section which is on top.

    For example: If I have these two sections in my Muffinbuilder

    [ Section : About Us (hide on mobile) ] Custom ID | aboutus
    [ Section : About Us (hide on desktop and tablet) ] Custom ID | aboutus

    The desktop website scrolls perfectly to the right section.
    The mobile website however does not scroll.

    When I change the two sections around, the mobile version works, the desktop version doesn't.

    Is there any way around this?
  • BryanBryan
    Please send a link to your website. We will check it out.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • sandervanstiphoutsandervanstiphout
    www.sitebaas.nl
  • BryanBryan
    It happens because you have two same ID's on the page. You cannot do that, it is a HTML error.
    How do you want to do this is like this.
    Create a section and give it an ID, then create a mobile section under it and leave it with no ID.
    On desktop the menu click will scroll the page to the id and on mobile when the desktop version is hidden, the menu click will scroll to the same location. It is because the ID is still in the HTML but it is hidden with CSS. I hope you understood me :)
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • sandervanstiphoutsandervanstiphout
    Hi, I understand what you mean, but it doesn't work.

    Still no scroll on mobile site :(
  • sandervanstiphoutsandervanstiphout
    I don't know why your suggestion doesn't work, but it does when I do it like this : 

    [ Section : blank/empty (not hidden) ] Custom ID | aboutus
    [ Section : About Us (hide on mobile) ] 
    [ Section : About Us (hide on desktop and tablet) ] 

    In this case on al devices it scroll to the empty section. 
    Only problem I have now is; the scroll comes to an abrupt halt, in stead of smooth scrolling. 
    Any suggestions on how to use smooth scrolling on the empty section?


  • BryanBryan
    I did not work before but now it works fine. Maybe you have some cache enabled and you do not see the changes?

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • sandervanstiphoutsandervanstiphout
    Can you check the difference between the link 'Hosting en Onderhoud' and all the other links in the menu?

    The 'Hosting en Onderhoud' scroll comes to an abrupt halt. The others scroll a tiny bit back, if you understand what I mean.


  • BryanBryan
    I understand what you mean but it does not do that, it acts just like the other menu elements. It is not even possible.
    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.