leandrosno
Jr. Member
Offline
Posts: 130
|
|
« on: 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.
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #1 on: 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
|
|
« Last Edit: March 07, 2014, 08:25:55 PM by mikenicoll »
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
leandrosno
Jr. Member
Offline
Posts: 130
|
|
« Reply #2 on: 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
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #3 on: 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
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
leandrosno
Jr. Member
Offline
Posts: 130
|
|
« Reply #4 on: March 21, 2014, 04:29:46 PM » |
|
Thank you i did the update and used the class=hide_all show_mobile
great ! blessings!
|
|
|
Logged
|
|
|
|
leandrosno
Jr. Member
Offline
Posts: 130
|
|
« Reply #5 on: 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
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #6 on: 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
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
leandrosno
Jr. Member
Offline
Posts: 130
|
|
« Reply #7 on: 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
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #8 on: 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
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
|