Forum Support

Shape 5
March 29, 2024, 08:14:44 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: S5 Acordion Menu want it only to show in mobile deivces and I can't please help!  (Read 609 times)
leandrosno
Jr. Member
**
Offline 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
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« 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 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
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« 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 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 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
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« 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 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
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« 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
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.