OFF CANVAS Menu-Links - On Mobile Screens The Links are Gone - Question | JoomShaper

OFF CANVAS Menu-Links - On Mobile Screens The Links are Gone

regioprint

regioprint

Helix Framework 1 year ago

Hello dear Joomshaper Team, since years I use Helix 3 and SPPB for many websites. Now I try for the first time on a new website Helix Ultimate 2.0.10 and SPPB 3.8.8 with Joomla 4.1.5 - MySQL 5.7 - PHP 8.0 My current settings are: no production mode - no predefined header - no css compression - no js compression - no cache.

It looks like I can handle Helix Ultimate, but unfortunately there is a big problem with nav-bar navigation in Joomla modules. First the menu links are displayed correctly, but on mobile screens the links are gone and a hamburger menu appears instead. This should not be like this. This looks especially strange in the off-canvas menu. Can you help me? Thanks a lot

regioprint

Translated with www.DeepL.com/Translator (free version)

![(https://ibb.co/0K96yWZ)] ![(https://ibb.co/8gD3Qts)] ![(https://ibb.co/Jc7Yr2x)] ![(https://ibb.co/brfyvXQ)]

0
2 Answers
regioprint
regioprint
Accepted Answer
1 year ago #79813

Hi Paul, thanks for the quick reply

Since the problem occurs not only in Off Canvas, but in all custom NAV modules, your suggested solution is out of the question for me.

I also want to keep the freedom to name rows and divs in the template layout for myself.

I know by now that Bootstrap is the trigger and found the following solution for me:

button.navbar-toggler {  /* Hides the nav toggler that will be displayed by Bootstrap */
  display:none;
}
.navbar-expand-md .navbar-collapse {  /* show the LINKS hidden by Bootstrap */
  display:block;
}

Meanwhile I was able to omit many custom css in Ultimate that I still had to write in Helix 3.

Many greetings and thanks

Translated with www.DeepL.com/Translator (free version)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #78627

Hi,

  1. In Templates > Helix Ultimate> Template Options > Layout - rename header name where you have main menu from "hauptmenu" to "header" .
  2. Renember to update custom CSS where you had #sp-hauptmenu to #sp-header
  3. Publish menu module in "offcanvas" position.

If it will not help, share access to admin area.

0