Support Center Visit Demo License manager Buy @ envato

Jump from normal menu to mobile menu: setting the width of the window when it must jump to mobile me

agnesszelejakagnesszelejak
in Other
Hi there,

I made a great menu, but when the window is resized in a design opinion it does;t jump fast enough into the mobile menu. So when I resize the window, the menu looks very chaotic, the logo stays in place, but the menu items jump one 'line lower'. 

I guess what really would be helpful is when I can adapt the window width / resolution on which the normal big horizontal menu changes into a mobile menu (the icon right in the upper screen that you see on mobile devices). Please help me out with this. Where I can change this setting? Or otherwise solve this responsive issue.

All the best and so much thanks in advance!
Agnes

Comments

  • AlbertAlbert
    Hi,

    you have probably to many items in menu and that's why it jumps under on smaller devices what is natural behave. So if you want to display regular menu on smaller screens, you need to decrease the number of items in main menu or under Theme options > Responsive section you need to use Responsive Menu Initial Width option to display responsive menu sooner.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • webcomplexwebcomplex
    how can i change them? If i try to save a value of e.g. 1340, i get the exception "the value has to be 1240 or lower"
  • BryanBryan
    Yes, the range is from 767px to 1240px.
    There is no other possibility.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • webcomplexwebcomplex
    I need 1350 cause we have a lot of items in the list. Otherwise the "Menu" jumps a row down and is over the slider. How can i realize that? Is it possible to change the value 1240 in the database?
  • BryanBryan
    Sorry but you cannot do that, you can switch to a header style that has the burger menu all the time.
    Or we can change the padding between menu elements. Send a link to your page.
    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.