Own Menu For Tablet When Orientation = Landscape
Robert Deutschmann
Hi
I use Joomla 5, SPBuilder 5.3.1 and Helix Ultimate 2.1.0
My website has a "normal" main menu which is displayed on notebooks/pc-monitors and has a burger menu when the site is displayed on smaller devices like tablets or phones. But i would like to display on tablets (orientation = landscape) another "main menu" and no burger menu. And this menu has another menu structure like the "normal" main menu. In Joomla i created a second menu with the new structure but how can i assign this menu to the tablet view when orientation is landscape?
Thank you for your support.
br, Robert
Ofi Khan
Accepted AnswerHello Robert Deutschmann
You can do this by following the steps.
- Take a menu module and select your tablet menu. Set it to a position that is not used anywhere. For example, user4 position.
- Take a Custom Header. Please follow this documentation to know more.
- Set one header for large desktop and mobile. Use the menu module position in the header. Then hide it from other devices.
- Set another header only for tablet and small desktop. Use the user4 module position in the header. Hide it from other devices.
- Select your main menu in the menu settings. This menu will be shown on large desktop and mobile.
- Apply necessary custom CSS to get the look.
Check out this screencast: https://files.fm/u/m89m6zrquz
Best regards
Robert Deutschmann
Accepted AnswerHi
Many thanks for your help. I followed your steps and it works, great. :-)
br, Robert
Ofi Khan
Accepted AnswerYou are welcome 😊
Please accept the answer that helped you. It will be then easier to find the solution for the other users with the same issue. There is a button to accept answer after each comment.
I have a humble request too. It would be very kind of you if you can manage some moment to give us feedback onÂ
This will inspire us to improve.