• 0
Sign in to follow this  
Followers 0

Mobile Menu getting inline style w/ Max Height?


Question

Posted · Report post

Hi Pagelines,

 

On the homepage of my website (http://rad.mosaicearth.com), the mobile menu is not extending to the bottom of the page when open. Sometimes it is cut off just beneath the menu items, and sometimes it even cut's the menu items out!

 

http://rad.mosaicearth.com/wp-content/uploads/2014/01/Screen-Shot-2014-01-10-at-3.26.52-PM.png

http://rad.mosaicearth.com/wp-content/uploads/2014/01/Screen-Shot-2014-01-10-at-12.19.23-PM.png

 

I've not seen an issue like this before... it looks like pagelines is adding an inline style with a max height. 

The html is:
<div class="pl-mobile-menu" style="max-height: 226px; display: block;">

 

The weird part is that the max-height number has been different a few times I've checked. See in one screen shot, it's 207 px, and other it's 330 px.

 

This issue is only happening on the homepage. I've tried removing all custom CSS from the frontend editor and no result. I've tried deactivating all plugins as well. 

 

The other plugin I'm using on this page can be seen here: http://codecanyon.net/item/sabaidirectory-for-wordpress/4505485

When I deactivate it, it removes the content from that page, but you can see the issue remains: 

http://rad.mosaicearth.com/wp-content/uploads/2014/01/Screen-Shot-2014-01-10-at-4.43.58-PM.png

 

 

I'm not sure if the mobile menu styling is being inherited from somewhere else, but have not found any leads... it seems like the issue is that inline style for pl-mobile-menu.

 

I'm using WP 3.8 and the current version of DMS. 

I have enabled DMS debug mode.

 

Thank you for the help gentlemen.

 

-Rob

Share this post


Link to post
Share on other sites

1 answer to this question

  • 0

Posted · Report post

Hi there, try adding the following to your custom css/less panel

 

body .pl-mobile-menu .mm-holder {
    background: none repeat scroll 0 0 #000000;
}

 

To change the height try

 

.pl-mobile-menu {

    min-height: 600px;
}
 
So then it can't go under 600 pixels, change the figure to fit.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0