Inspiring

Answered

Mobile menu overlaps page content

Forum|Forum|9 years ago
June 5, 2017
1 reply
2596 views

I have a mobile menu that when expanded overlaps a page element rather than shifts the element down. The element was placed via a PHP includes.

Here's the markup and CSS.

The menu background is slightly opaque so you can see through behind it (screencap below), so I was wondering if the overlapping was due to the PHP includes and if the solution was to have the content directly on the page without using the includes. Would that allow the mobile menu to "shift" the content down rather than on top?

For example I'd like to to go from this http://prntscr.com/fg7040 to this http://prntscr.com/fg7170

Thanks,

Brandon

This topic has been closed for replies.

Correct answer Nancy OShea

By default, expanded mobile menus in Bootstrap do not push content down.

EDIT: Correction, they push content down.

Nancy

Community Expert

Correct answer

Community Expert

By default, expanded mobile menus in Bootstrap do not push content down.

EDIT: Correction, they push content down.

Nancy

Nancy O'Shea— Product User & Community Expert

LGMTLAuthor

Inspiring

Ok then I guess i should make the menu opaque so that the background doesn't show through then, thanks!

Legend

brandonw6890098 wrote
Ok then I guess i should make the menu opaque so that the background doesn't show through then, thanks!

Is that it. Are you just going to accept what Bootstrap says you can have and not what you really want?