Page 1 of 1
Navigator module: how to create a responsive menu?
Posted: Mon May 08, 2023 10:23 pm
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.
Re: Navigator module: how to create a responsive menu?
Posted: Tue May 09, 2023 1:56 pm
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.
Re: Navigator module: how to create a responsive menu?
Posted: Tue May 09, 2023 5:35 pm
by Dr.CSS
Like he said it's just CSS, inspect this...
https://wholeygrains.com/
Re: Navigator module: how to create a responsive menu?
Posted: Tue May 09, 2023 7:08 pm
by tamarind18
Thank you DIG13 and Dr CSS. I will try the CSS. So there's no js script involved?
Re: Navigator module: how to create a responsive menu?
Posted: Tue May 09, 2023 7:14 pm
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.
Re: Navigator module: how to create a responsive menu?
Posted: Tue May 09, 2023 8:09 pm
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.
Re: Navigator module: how to create a responsive menu?
Posted: Tue May 09, 2023 10:52 pm
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
...
Re: Navigator module: how to create a responsive menu?
Posted: Wed May 10, 2023 11:09 am
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.
Re: Navigator module: how to create a responsive menu?
Posted: Wed May 10, 2023 9:33 pm
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.
Re: Navigator module: how to create a responsive menu?
Posted: Wed May 10, 2023 9:46 pm
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.