Navigator module: how to create a responsive menu?

Have a question or a suggestion about a 3rd party addon module or plugin?
Let us know here.
Post Reply
tamarind18
New Member
New Member
Posts: 5
Joined: Mon May 08, 2023 10:18 pm

Navigator module: how to create a responsive menu?

Post by tamarind18 »

I'm trying to implement the Navigator module, all works fine but I'm not able to find a Navigator template for the responsive menu.
Any idea where I can find it or how could I create one.
Your help would be much appreciated.
Thanks.
Top
User avatar
DIGI3
Dev Team Member
Dev Team Member
Posts: 1630
Joined: Wed Feb 25, 2009 4:25 am
Location: Victoria, BC

Re: Navigator module: how to create a responsive menu?

Post by DIGI3 »

The sample templates just generate the html for you, typically as a list. You can then make it responsive in your css by following most online tutorials or, if you use a framework such as Foundation or Bootstrap, add their suggested classes to the template.
Not getting the answer you need? CMSMS support options
Top
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Navigator module: how to create a responsive menu?

Post by Dr.CSS »

Like he said it's just CSS, inspect this...
https://wholeygrains.com/
Top
tamarind18
New Member
New Member
Posts: 5
Joined: Mon May 08, 2023 10:18 pm

Re: Navigator module: how to create a responsive menu?

Post by tamarind18 »

Thank you DIG13 and Dr CSS. I will try the CSS. So there's no js script involved?
Top
User avatar
DIGI3
Dev Team Member
Dev Team Member
Posts: 1630
Joined: Wed Feb 25, 2009 4:25 am
Location: Victoria, BC

Re: Navigator module: how to create a responsive menu?

Post by DIGI3 »

That's up to you. Some responsive menus use js, some don't. A CMS just manages your content and outputs according to the templates you provide. A few are provided as samples but you, the web developer, make it look and function however you want.
Not getting the answer you need? CMSMS support options
Top
tamarind18
New Member
New Member
Posts: 5
Joined: Mon May 08, 2023 10:18 pm

Re: Navigator module: how to create a responsive menu?

Post by tamarind18 »

Ok got it. I'm not a developer by any stretch and that is why my questions are so naive :-). I'm struggling to add "responsive code" to the Navigator template. I think I got the CSS part working. Thanks.
Top
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Navigator module: how to create a responsive menu?

Post by Dr.CSS »

Yes it does use java script, jQuery specifically, use source view to see it in the <head>, feel free to copy it, if you are having more problems you can contact me, I'm always up for having fun ;) ...
Top
musicscore
Power Poster
Power Poster
Posts: 446
Joined: Wed Jan 25, 2006 11:53 am
Location: Netherlands

Re: Navigator module: how to create a responsive menu?

Post by musicscore »

You can change the default menu with CSS and the Smarty code.
This is an example. I change the default menu :

https://olliezwitserlood.com/

Instead of text, I used images.
Top
tamarind18
New Member
New Member
Posts: 5
Joined: Mon May 08, 2023 10:18 pm

Re: Navigator module: how to create a responsive menu?

Post by tamarind18 »

tamarind18 wrote: ↑Tue May 09, 2023 8:09 pm Ok got it. I'm not a developer by any stretch and that is why my questions are so naive :-). I'm struggling to add "responsive code" to the Navigator template. I think I got the CSS part working. Thanks.
Thank you, let me try that.
Top
tamarind18
New Member
New Member
Posts: 5
Joined: Mon May 08, 2023 10:18 pm

Re: Navigator module: how to create a responsive menu?

Post by tamarind18 »

musicscore wrote: ↑Wed May 10, 2023 11:09 am You can change the default menu with CSS and the Smarty code.
This is an example. I change the default menu :

https://olliezwitserlood.com/

Instead of text, I used images.
Thank you for the suggestion, I will look into it.
Top
Post Reply

Return to “Modules/Add-Ons”