How to create a mobile menu that pushes down the page content?

Porrey
56 Posts
Porrey posted this 06 December 2019

Hello, I would like to create a mobile menu (horizontal menu) that pushes down all the other content if you click on the menu icon to expand it.

How can I do this?

Hello, I would like to create a mobile menu (horizontal menu) that pushes down all the other content if you click on the menu icon to expand it. How can I do this?
Vote to pay developers attention to this features or issue.
12 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 06 December 2019

Hello Torsten,

Accordion menu type does push the content below:

accordion.png

Gina
Themler Support

Hello Torsten, Accordion menu type does push the content below: !accordion.png! Gina Themler Support
Porrey
56 Posts
Porrey posted this 16 January 2020

Hello, thanks for the answer it worked. I just had to upgrade Themler.

And how can I do it that the menu expands the container it's in?

Hello, thanks for the answer it worked. I just had to upgrade Themler. And how can I do it that the menu expands the container it's in?
Support Team
Support Team posted this 16 January 2020

If you use Accordion menu, it is expanded down inside the container it is in, if the setting for Action is set to "Expand on Click". Could you please specify your request?

accordion-expand.png

Gina
Themler Support

If you use Accordion menu, it is expanded down inside the container it is in, if the setting for Action is set to "Expand on Click". Could you please specify your request? !accordion-expand.png! Gina Themler Support
Porrey
56 Posts
Porrey posted this 16 January 2020

Got it. It works. Thank you

Got it. It works. Thank you
Porrey
56 Posts
Porrey posted this 21 January 2020

Another question: I use the horizontal menu as you said above. I have some pretty long button texts, they disappear behind the mobile menu scrollbar how can I break the menu button texts?

Another question: I use the horizontal menu as you said above. I have some pretty long button texts, they disappear behind the mobile menu scrollbar how can I break the menu button texts?
Support Team
Support Team posted this 22 January 2020

Try to set "Pre-wrap" value for Mobile menu item White-Space. For this go to Mobile Menu => Button -> More Options -> Make sure you have "Item" selected on top. You can try selecting all "Item"s there are. Go down and set White-Space.

Gina
Themler Support

Try to set "Pre-wrap" value for Mobile menu item White-Space. For this go to Mobile Menu => Button -> More Options -> Make sure you have "Item" selected on top. You can try selecting all "Item"s there are. Go down and set White-Space. Gina Themler Support
DaveOzric
924 Posts
DaveOzric posted this 22 January 2020

Hi Gina, when can you finish the off canvas menu so we can click on top level menu items once to open the sub menus and click on the top level again to open it?

Right now top level menu items don't have this option and it's making any larger site very poor for navigation trying to use this. A accordion for large menus is not user friendly.

Hi Gina, when can you finish the off canvas menu so we can click on top level menu items once to open the sub menus and click on the top level again to open it? Right now top level menu items don't have this option and it's making any larger site very poor for navigation trying to use this. A accordion for large menus is not user friendly.
Porrey
56 Posts
Porrey posted this 27 January 2020

It worked, thank you

It worked, thank you
Porrey
56 Posts
Porrey posted this 27 January 2020

But now it kills my styling. Is it possible that the wrap appears only on text that is too long?

But now it kills my styling. Is it possible that the wrap appears only on text that is too long?
Support Team
Support Team posted this 27 January 2020

@Dave

We have constantly updating our management team on the issues with the menu and user requests.

@Torsten
You can set min width for the menu item. Try 100 px and change it up. Or you may try using %.

Screenshot-2.png

Gina
Themler Support

@Dave We have constantly updating our management team on the issues with the menu and user requests. @Torsten You can set min width for the menu item. Try 100 px and change it up. Or you may try using %. !Screenshot-2.png! Gina Themler Support
Porrey
56 Posts
Porrey posted this 27 January 2020

All the size options doesn't work. If I change the height some of the menu texts disappear. It seems that in front of every menu item text is a new blank line like <br>.

Is it possible to add classes or IDs to a single menu item so I could track down the few long texts.

All the size options doesn't work. If I change the height some of the menu texts disappear. It seems that in front of every menu item text is a new blank line like &lt;br&gt;. Is it possible to add classes or IDs to a single menu item so I could track down the few long texts.
Support Team
Support Team posted this 28 January 2020

Torsten,

Could you please create new private ticket and provide access to your site?

Gina
Themler Support

Torsten, Could you please create new private ticket and provide access to your site? Gina Themler Support
You must log in or register to leave comments