DMS 2 Disable .pl-mobile-menu?

[erikoehler+ 0]

I'm using ubermenu, and have 260 blank px on the right once below the breakpoint in .pl-mobile-menu. I've tried adding .pl-mobile-menu{display: none;} in my CSS, but it still shows up.

 

Site is http://www.nationalfootballpost.com

 

Any help is appreciated!

[Danny+ 1,327]

Hi,

 

Can you give me the steps to recreate this issue as I am not able to do so ?

[erikoehler+ 0]

Hi,

 

Can you give me the steps to recreate this issue as I am not able to do so ?

 

Just open the site and shrink your browser to 400 px wide or so, and then scroll right

 

That white gap.

[Danny+ 1,327]

I did that already and when I reduce the browser to 400px, I am unable to scroll right.

[erikoehler+ 0]

It's on every browser or phone I try

 

Looks like this with min-width broswer: http://puu.sh/gxqpz.png

 

Scroll right: http://puu.sh/gxqvG.png

 

and here it is: http://puu.sh/gxqHh.png

[Gavin_+ 56]

Its not just happening at 400px browser width it happens as soon as the uber menu responsive kicks in 
http://screencast.com/t/PsHIvMcv
not sure what the solution is though - sorry. 

[erikoehler+ 0]

Its not just happening at 400px browser width it happens as soon as the uber menu responsive kicks in 
http://screencast.com/t/PsHIvMcv
not sure what the solution is though - sorry. 

 

I think it's just a matter of disabling PL mobile menu, (wouldn't be needed since ubermenu is my menu) but there isn't an option to do that, and the CSS I put in doesn't seem to get rid of it.

[Danny+ 1,327]

http://recordit.co/m7s4wMNrht

 

Still not able to recreate this. Therefore, I recommend you flush the cache on the cache plugin and then disable it, then see if this resolves your issue. I have used the Ubermenu with the UberMenu adapter section and not encountered this issue.

 

I am not even able to see your custom CSS that you have added to prevent the mobile menu to hide it. When your cache plugin has been flushed and disabled, try adding the following:

 

body .pl-mobile-menu {

  display: none !important;

}