Different menu for mobile browsers


Author Message
Jess

Posted: 4/16/2014
Quote message 

Hi I love the mobile responsive nature of artisteer themes but would like to be able to have a menu that is specific to mobile viewers. This is because
a. the most relevant things to mobile browsers aren't the same as for normal
b. if a page still isn't viewing quick right in a mobile browser I can create a mobile specific version that gets rid of content that's messing it up.

I am comfortable with using ftp, css, and php but need direction please.

Best Wishes

Jess
 
anthony

Posted: 4/20/2014
Quote message 

Yes, a different menu style for responsive would be great!!!
 
Jessica

Posted: 4/22/2014
Quote message 

I don't think I've been completely clear with my problem here, I would like to swap the full screen menu for a mobile only menu when the browser width gets to a certain size. I don't think the style needs changing, more the items that are listed on the drop down menu should be different for mobile viewers.
 
Tanya
Artisteer Team

Posted: 4/23/2014
Quote message 

Hi Jessica,

You can set the specific break point under the Sheet -> Options -> Responsive Resolution, set it to Custom and choose the desired width.
 
Jessica

Posted: 5/5/2014
Quote message 

HI Tanya

Quote :
You can set the specific break point under the Sheet -> Options -> Responsive Resolution, set it to Custom and choose the desired width.


I don't want to change the width of the menu I want to change what menu displays when the site is viewed in a mobile phone. So it could be a different list of pages for a mobile browsers.

Best Wishes

Jess
 
Elvira
Artisteer Team

Posted: 5/5/2014
Quote message 

Hi Jessica,

You can try to use a third-party WP plug-in for this purpose.
Here is what I've found:
http://wordpress.org/plugins/wp-responsive-menu/
http://wordpress.org/plugins/responsive-select-menu/

I've never tested these plug-ins, but they can be helpful.
If you want to use one of those third-party menus, you'll need to disable the responsive menu provided by Artisteer. You can do it by adding the following code to the end of your style.css file:
.responsive nav.art-nav, .responsive .art-nav-inner {
display: none;
}

Best regards,
Elvira
 
Jessica

Posted: 5/8/2014
Quote message 

Thank you that's exactly what I wanted Elvira and has worked beautifully!

Best Wishes

Jess