Forum Support

Shape 5
March 29, 2024, 01:30:45 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: How to remove menu from mobile version  (Read 1627 times)
london
Jr. Member
**
Offline Offline

Posts: 77



« on: June 14, 2013, 12:38:29 AM »

Is there a way to remove the standard menu that shows with the mobile version (ie. select menu)?  The reason for this is that I have installed a menu module that I am using in place of the S5 Flex Menu in the PC version and this has a mobile version which has a very nice display.  So as to not confuse people with 2 different menus, I would like to be able to remove this 'select menu' entirely.  Is this possible?  Thank you.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: June 16, 2013, 07:21:01 PM »

Hello,

Could you post a URL?

-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
london
Jr. Member
**
Offline Offline

Posts: 77



« Reply #2 on: June 19, 2013, 09:07:47 PM »

Thanks, it's:

duskmothvintage.com

Basically I would like to remove the standard menu in the mobile version.  I have turned off the S5 Flex Menu in the template parameters so on the PC version the menu does not show but in the mobile version the menu is still shown.  Any help most appreciated.  Thank you.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: June 21, 2013, 09:36:26 PM »

Hello,

Try adding the following CSS

#s5_md_menu_login_wrap {
     display: none;
}

-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
london
Jr. Member
**
Offline Offline

Posts: 77



« Reply #4 on: June 23, 2013, 05:40:08 AM »

Thanks so much, that's perfect!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: June 23, 2013, 04:55:24 PM »

NP Smiley

-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
london
Jr. Member
**
Offline Offline

Posts: 77



« Reply #6 on: August 24, 2013, 04:35:33 PM »

This is looking good in that I now no longer have the Flex Menu in the mobile version, however as a result of this, I now don't have Login and Register buttons.  How do I get back these buttons without having the Flex Menu showing in the mobile version?  I really need these buttons.  Any help would be appreciated. Thank you.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: August 25, 2013, 03:19:48 PM »

Hello,

Unfortunately this wouldn't be possible. The elements are tied together in the coding and it would require custom programming to re-code these out into completely separate positions.

-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
london
Jr. Member
**
Offline Offline

Posts: 77



« Reply #8 on: August 30, 2013, 09:08:15 PM »

Oh, that's unfortunate because I really like the login/register buttons but much prefer to use a better mobile menu, like what you have in your newer templates. 

I'm now having a strange situation where I can't seem to get rid of the standard menu in the mobile version of this site:

duskmothfaerie.com

I added the code to the CSS file as per your instruction above, it works on the site I mentioned before but doesn't seem to work on this site.

As I have a better menu system, I need to get rid of the standard menu in the mobile version.

Any help is most appreciated. 

Thanks,
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #9 on: September 02, 2013, 04:58:56 PM »

Hello,

I just tested adding this to the template.css file on that site and it seemed to work properly in hiding the standard mobile menu.

#s5_md_menu_login_wrap {
display: none;}

Make sure your changes are being saved to the server.

-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
london
Jr. Member
**
Offline Offline

Posts: 77



« Reply #10 on: November 20, 2013, 07:39:20 AM »

HI Mike,

Is it possible to have a situation where in the desktop version I have the standard flex menu but in the mobile version it is turned off (as I wish to use a different menu in the mobile version)?  At present I have it not showing in the mobile or desktop version for one site but for another site would like to have it act differently.  Is such a thing possible?

Thanks!!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #11 on: November 20, 2013, 10:46:24 PM »

Hello,

You could hard-code out the mobile menu by adding this to the custom.css

#s5_responsive_mobile_top_bar_spacer, #s5_responsive_mobile_top_bar_wrap {
     display: none;
}

-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.