Navbar not fitting on Android Mobile Phones

[Pwohlsen]

Hello,

I have reports of Android users not getting the navigation to fit on their screen, the hamburger menu is slightly cut off. Also, the padding in the large text within the owl slider seems to have lost any padding and hits right up against the left and right-hand margins. On an iPhone all appears as it should for the navbar. Another thing I noticed was that in mobile view when I would click the hamburger, the menu opens up, and there is a blue border at the bottom of the drop-down that for some reason extends beyond the approximately 10 height and obscures the rest of the page beneath
http://www.ewb-lvp.com

---

[Support]

Hi,

– A quick fix, looks like it’s miisgin the BODY/HTML close tags:

– ALL JS files are being added twice in the HTML. That’s a major problem.

– To remove the blue space, add this:

@media (max-width: 991px) {
	#header .header-nav-main {
		margin-top: 11px;
	}
}

– I could not see that problem on android, I tested in a Galaxy S10 on Chrome

---

[Support]

This reply has been marked as private.

[Author]

Posts