|
: S5 Acordion Menu want it only to show in mobile deivces and I can't please help! : leandrosno March 07, 2014, 01:52:42 AM I created a Module S5 Accordion Menu of the main menu, and i want it to show in top_row2_1 only on mobile devices and tablets.
I added the class "my module name class=hide_all show_mobile". It is showing in mobile but still also showing in Firefox on my PC at 1080px. what i am doing wrong please help the tutorials PDF are difficult to understand. : Re: S5 Acordion Menu want it only to show in mobile deivces and I can't please help! : mikenicoll March 07, 2014, 08:23:50 PM Hello,
Try the following: hide_wide_screen hide_standard_screen hide_all was introduced after Cleanout was released. If you patch to the latest version of Vertex the updated s5_responsive_hide_classes.css file is in there as well. -Mike : Re: S5 Acordion Menu want it only to show in mobile deivces and I can't please help! : leandrosno March 07, 2014, 11:12:00 PM Thank you, I tried your suggestions, by adding "class=hide_standard_screen" and wide screen but nothing happens. I didnt do any patches in vertex, how can i do that? thanks again
: Re: S5 Acordion Menu want it only to show in mobile deivces and I can't please help! : mikenicoll March 07, 2014, 11:18:57 PM Hello,
The patches can be viewed here along with the Tutorials to install them: http://www.shape5.com/component/option,com_docman/Itemid,96/task,cat_view/gid,190/ Just make sure you get the correct version for your CMS. -Mike : Re: S5 Acordion Menu want it only to show in mobile deivces and I can't please help! : leandrosno March 21, 2014, 04:29:46 PM Thank you i did the update and used the class=hide_all show_mobile
great ! blessings! : Re: S5 Acordion Menu want it only to show in mobile deivces and I can't please help! : leandrosno March 21, 2014, 05:59:35 PM Just one more thing,
how can i apply the hide classes for the main menu? I want it to go away for screens smaller than 1070px wide please help thank you : Re: S5 Acordion Menu want it only to show in mobile deivces and I can't please help! : mikenicoll March 21, 2014, 08:16:15 PM Hello,
Do you want both menus to disappear or do you want the mobile menu to come out earlier instead? -Mike : Re: S5 Acordion Menu want it only to show in mobile deivces and I can't please help! : leandrosno June 22, 2014, 02:10:33 PM Thank you for your continuous support.
Yes I want the Main Menu to disappear when the screen goes below 1080px and I want the accordion menu module (that I just create) to start showing up instead. The reason that this is happening to me, is because my main menu its to long, and when viewing on a format less than 1080 the menu breaks apart and starts showing on a second line below menu area, over posting in top of the scroll banner... it does not look right... Is this normal? when having too many items on main menu? or is some css that I changed during template customization? thank you : Re: S5 Acordion Menu want it only to show in mobile deivces and I can't please help! : mikenicoll June 22, 2014, 04:30:51 PM Hello,
You can reduce the font size or padding of the menu to allow more horizontal axis room for everything to fit. You can also use media queries to make things such as a menu font size reduce only at certain screen sizes to help fit everything properly. You can see examples of this already done in the s5_responsive.css file. To make the mobile menu come up sooner you can edit the first line in the s5_responsive_bars.css file and adjust the resolution. The higher the number the sooner the main menu will disappear and the mobile menu will come out. You can also use hide classes on the accordion menu to show it when needed. http://www.shape5.com/tutorials/joomla/s5_respsonsive_best_practices.pdf -Mike |