Shape 5

General Category => Joomla Talk => : pici65 October 08, 2015, 10:21:43 AM



: Responsive menu on two rows
: pici65 October 08, 2015, 10:21:43 AM
Hello.
Do you know a module extension for responsive menu like this site?
http://www.baylor.edu/
If you reduce the window of the browser the menu in one row goes in two rows.
Or is it possible to work with the new Vertex?
Thanks for suggest



: Re: Responsive menu on two rows
: jonahh October 08, 2015, 12:14:13 PM
Hello,

It looks like they just did it with some CSS.  Once the screen hits a certain width they used a media query to set each LI to 25%.  It can be done with Vertex but you would need to add this in to the s5_responsive.css file and have it show at a certain width via a media query


: Re: Responsive menu on two rows
: pici65 October 08, 2015, 01:15:05 PM
Hello,

It looks like they just did it with some CSS.  Once the screen hits a certain width they used a media query to set each LI to 25%.  It can be done with Vertex but you would need to add this in to the s5_responsive.css file and have it show at a certain width via a media query

Thanks for the answer.
Could you give me an idea for the ccs code?

Thanks


: Re: Responsive menu on two rows
: jonahh October 09, 2015, 12:10:12 PM
Sure, it would be something like this, you have have to change the percentage depending on the amount of menu items but I'll just show it with what they have:

:
@media screen and (max-width: 800px){

#s5_nav li {
width:25% !important;}

}

The 800px is the screen width this should activate on


: Re: Responsive menu on two rows
: pici65 October 09, 2015, 01:27:58 PM
Sure, it would be something like this, you have have to change the percentage depending on the amount of menu items but I'll just show it with what they have:

:
@media screen and (max-width: 800px){

#s5_nav li {
width:25% !important;}

}

The 800px is the screen width this should activate on

Thanks a lot
I try to do some test.

I have found also an extension
http://extensions.joomla.org/extensions/extension/structure-a-navigation/menu-systems/css3-mega-menu-for-skyline-menu
Do you think is possible to use it on the side of main menu of Shape template?


: Re: Responsive menu on two rows
: mikenicoll October 09, 2015, 03:30:06 PM
Hello,

Not sure as we haven't tested it but I wouldn't assume so at first glace. Typically the Flex Menu wouldn't work with other extensions.

Regards,