Jump to content


Photo
- - - - -

Menu problem with Pagelines

Menu

  • Please log in to reply
5 replies to this topic

#1 23movisiedingen

23movisiedingen

    Member

  • Members

  • 22 posts
  • Country: Country Flag

Posted 07 March 2014 - 04:46 PM

Could you please take a look on your phone, in upright position: www.bcgeldrop.nl

Level 2 in the menu opens at the right, on iPhone soooo far to the right that it shows outside the screen.
E.g. Check JEUGD > Teams

How can I make level 2 entries open to the left?

Kind regards,
Rob

#2 James B

James B

    Advocate

  • Members

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

Posted 08 March 2014 - 12:59 AM

Hi there,

 

I can't really see the problem on the mobile, but on the desktop if i shrink the window it goes off to the right. Try using the following css to see if it displays below.

 

ul.sf-menu {

    display: list-item;
}


#3 23movisiedingen

23movisiedingen

    Member

  • Members

  • 22 posts
  • Country: Country Flag

Posted 09 March 2014 - 06:30 PM

Hello James,

Thank you for your reply, but I've added your piece of code via Custom Code in Pagelines, however to no success.

 

To show you how i see the menu on my iPhone, here are two screenshots.

 

Jeugd

   Informatie

   Toernooien >

   Teams >

        U19-A1

        U17-B1 

        etcetera

 

 

foto1.jpg foto2.jpg



#4 Danny

Danny

    Is Awesome!

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

Posted 10 March 2014 - 12:04 PM

Basically, you have far too many menu items, as far as I remember the navigation in PageLines Framework didn't support 3 child menus. Is this something you have added yourself ?



#5 23movisiedingen

23movisiedingen

    Member

  • Members

  • 22 posts
  • Country: Country Flag

Posted 11 March 2014 - 10:24 PM

Hey Danny, actually it is simply possible in Appearance > Menus.

I don't see other ways to use less menu entries. Do you?

 

menus.jpg



#6 James B

James B

    Advocate

  • Members

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

Posted 12 March 2014 - 01:32 AM

Hi there, you have the super cache plugin active, so you'll need to clear the cache inside the plugin and deactivate first. Then paste in the code and save, refresh to see the changes. Otherwise you'll just see the cached page etc. 

 

I would also say try deactivate all third party plugins and remove your other css first as a test to see if either of these are adding code which is affecting the margin on the li for the dropdown.







Also tagged with one or more of these keywords: Menu