Jump to content

- - - - -

Different Menu for Mobile

  • Please log in to reply
1 reply to this topic

#1 HudReed



  • Members
  • 5 posts
  • Country: Country Flag

Posted 16 July 2013 - 03:49 PM



I have a menu on the main site that uses images (not my idea, client insisted) but the mobile site also picks them up and makes a very long menu.


Can I specify a different menu for mobile easily?

#2 Rob


    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 July 2013 - 04:50 PM



My first reaction is.... "clients.... oy!"  The menus using all images can't retract, being forced to display the images, so you end up with a very ugly menu in mobile. 


PageLines doesn't use a separate theme for mobile, but just 'conditions' the menu to display in a mobile format.  There are only a couple of options I think you can do.

1.  Tell your client he can't make things be just because he insists and that ' I " said so.

2.  Disable mobile view.  That will still make the site visible, but removes all the mobile settings, so you'll see the images, really small, but not stacked.

3.  Another option is to use the Browser Specific CSS plugin.  Go to Dashboard > Appearance > Menus, then click "Site Options".  Click the option for Custom Classes.  For each menu item, create a new custom class.  Using the plugin, for each possible browser, you can hide the menu item.  The only problem is finding something to replace the hidden items. 

4. When in doubt, remind your client of option 1.