Custom Mobile Menu

edited February 19 in Menu / Mega menu

Hello -

Having trouble with formatting the mobile menu within a custom menu. Do you have a tutorial on this? I found one mobile menu video, but it's not helpful with the custom menu. If you don't have a video tutorial on this, I will just walk through this one question at a time.


  1. My first problem I am trying to solve is that I am unable to get my items to break, they are running together as you can see here.



Question: How do I get each menu item to display one underneath each other?

Comments

  • edited February 19

    Is this what I am looking for? I basically want a full screen menu on mobile only. How do I achieve?




  • Hi,

    If you want to have full-width Sidebar menu only on mobile, then you must edit this template, open its settings, switch to mobile view, and set the Width to 100%:

    https://support.muffingroup.com/video-tutorials/sidebar-menu-vertical-header-builder/


    Best regards

  • So this is the approach for building mobile navigation for my custom navigation?

  • Sorry, but I quite do not understand.

    The process of creating a custom Sidebar menu is explained in the video I attached in my previous message.

    I will re-send it:

    https://support.muffingroup.com/video-tutorials/sidebar-menu-vertical-header-builder/


    Best regards

  • edited February 21

    I have a custom navigation template. This tutorial seems like it's for a side bar menu?

    Side bar menu is not the same as a full screen mobile navigation. Did you look at the image I attached? Whats' confusing?

    Are you guys not into your job?

  • I am not using your very limited menu builder, I created my navigation as a template. Now I want to create the mobile version... see attached. By default it doesn't align the menu items vertical, like the image, they displaying on the same line and wrapping.

  • The last word I would use to describe BeBuilder is 'limited.'

    The video tutorial is for the Sidebar Menu, which can be set to 100% of the screen's width by following both video tutorials mentioned in this topic.

    Did you have a chance to watch these tutorials and follow the steps provided?

    Maybe because of the language barrier, I do not fully understand your goal. In such a case, please attach some examples of what you need and explain it as much as possible.


    Best regards

  • I am not saying BeBuilder is limited, your out of the box navigation/menu workflow is. I have a few special things about the navigation that the menu builder cannot do.

    I have messaged support with login credentials, I am just trying to create a mobile navigation for the mobile responsive views. Not sure what language barrier you speak of. I sent over screen shots, asking simple, how do I style the Mobile navigation with a hamburger menu with the template navigation without using the built in navigation tool that gets turned off when using template navigation. I am not sure how to ask this any differently.

  • I have not received any private messages from you yet.

    Did you attach a link to this forum discussion?


    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.