Jump to content

Archived

This topic is now archived and is closed to further replies.

massmosaic

Mobile Menu getting inline style w/ Max Height?

Recommended Posts

massmosaic    0
massmosaic

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
James B    436
James B

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.

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

  • Similar Content

    • MissT
      By MissT+
      Is there a way to get the mobile menu to close when you click a menu item that is for an anchor link with the same page?
      Currently on mobiles and ipad the black mobile menu still covers a third or the screen after you have clicked a menu item (that is linking to an anchor link) and it has scrolled to the link / section within the current page. You have to physically click within the page / away from the mobile menu to get the menu and it's black background to disappear.
      Many thanks in advance.
    • floydwebb
      By floydwebb+
      I can't find the mobile menu feature. Please let me know how to find it. 
    • stoltz
      By stoltz+
      I have a modal login that appears when registered users want to login. When I am using DMS on a mobile client, then the mobile navbar menu appear as it is supposed to do.
       
      My problem is that the mobile navbar menu doesn't react properly and "hides itself" when the modal appears which means that it is covering a large part of the modal login popup.
       
      How can I modify the navbar to slide away when the modal login pops up?
       
    • Brian
      By Brian+
      Hello,
       
      Does anyone know how to make the mobile menu slide either on the bottom or the top when clicked? Instead of displaying on the left as in the default setting.
       
      Thanks,
      B
    • chamois_blanc
      By chamois_blanc+
      Hi,
       
      I would really like to see more mobile menu DMS add-ons added either free or as paid add-ons. For instance, I really like the mobile menus from the pixelgrade themes such a the bucket or fuse themes.
       
      Gilles
×