Jump to content


Photo
- - - - -

Fixed Menu for Smartphones / navigation

Fixed Menu Mobile

Best Answer millera4 , 03 January 2013 - 05:49 PM

Thanks everyone!

 

That really helped! Solved all the Navigation/menu issues so far.

 

Adrian  

Go to the full post


  • Please log in to reply
6 replies to this topic

#1 millera4

millera4

    Member

  • Members
  • 26 posts

Posted 02 January 2013 - 05:55 AM

I am using the most current version of PageLines and was wondering if there was an option or a way to edit any code to fix my menu issue.

 

when I see my website on other smartphones the menu at the top shrinks and the transforms into a square with lines. when you press on the square you get a list of all the menu items.

 

I would like the list of menu items of my website  to stay the same way it shows up on computer screens and tablets and not collapse into the square with lines.  

 

So hopefully I explained this right..... I don't want a collapsible menu for navigation when my website is shown on mobile devices like smartphones. I want the navigation fixed so the user can see all the menu items as soon as the page loads. 

 

 

Website:

Please Login or Register to see this Hidden Content

 

 

Thanks for all your help in advance.

 

Adrian 

 

 



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15047 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 02 January 2013 - 10:19 AM

Hi Adrian,

 

This is part of NavBars functionality, if you wish to simply display your menu and not have it switch to the responsive menu icon, I recommend you switch NavBar with NavClassic.



#3 millera4

millera4

    Member

  • Members
  • 26 posts

Posted 02 January 2013 - 01:49 PM

Is there a option in pagelines global settings to do that or do I have to put in code for Navclassic ? Adrian

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 02 January 2013 - 03:50 PM

You need to switch from NavBar to NavClassic in Drag & Drop > Header by deactivating NavBar and activating NavClassic in its place instead.



#5 millera4

millera4

    Member

  • Members
  • 26 posts

Posted 02 January 2013 - 05:16 PM

Thanks that worked! but can I change the background of the NavClassic back to black with white text?

 

Adrian 



#6 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 03 January 2013 - 04:22 AM

Hi Adrian

 

You can using the Simple css lite plugin from the Pagelines store. Its free, you can find more information on it here -

Please Login or Register to see this Hidden Content



#7 millera4

millera4

    Member

  • Members
  • 26 posts

Posted 03 January 2013 - 05:49 PM   Best Answer

Thanks everyone!

 

That really helped! Solved all the Navigation/menu issues so far.

 

Adrian