How to create responsive menu with Helix3?

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
FinnishUser
Joomla! Apprentice
Joomla! Apprentice
Posts: 17
Joined: Thu Sep 12, 2019 10:23 am

How to create responsive menu with Helix3?

Post by FinnishUser » Tue Oct 01, 2019 11:41 am

Hi,

I build my website using Helix3 template. I have mega menu on my site.
How can I put menu items off canvas, so when you view website with smaller device you would be able to use that. I wan't to show only mega menu with bigger screens and not off canvas option then at all.

Thank you for answering!

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 27333
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: How to create responsive menu with Helix3?

Post by imanickam » Mon Oct 07, 2019 3:35 am

I believe that review of the Helix 3 documentation, especially the page https://www.joomshaper.com/documentatio ... eading-5_8 would be help in answering your question.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Translations Coordination Team | Tamil (தமிழ்) Translation Team

Eegan - Support the poor and underprivileged

diaz365
Joomla! Apprentice
Joomla! Apprentice
Posts: 22
Joined: Thu Oct 03, 2019 3:41 pm
Contact:

Re: How to create responsive menu with Helix3?

Post by diaz365 » Wed Oct 16, 2019 6:03 pm

better to make two templates or more.
once it knows its screen size then it changes. the phone size one.


JavaScript Window Screen
https://www.w3schools.com/js/js_window_screen.asp

then have joomla change template to fit the client.

What is Responsive Web Design?
https://www.w3schools.com/css/css_rwd_intro.asp


HTML Responsive Web Design
https://www.w3schools.com/html/html_responsive.asp


Post Reply

Return to “Templates for Joomla! 3.x”