Menu on mobile pushes down Jumbotron content and overlaps with about section.

Illdy
1

Hi,

so I am being a little bit frustrated since I did try to search it everywhere and I just cant manage out how to stop the mobile menu from pushing down the Jumbotron section content (text & button) which is then overlaping the ‘About us’ section. I need it to either push down the whole content or not to push down anything at all and just overlay over the header. I guess this is easily solveable but I have no idea how to.

The website
The screenshot of a problem

Thanks alot in advance.
J.

2

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

.responsive-menu, #header .bottom-header {
position: absolute;
z-index: 99999999;
}
@media screen and (max-width: 500px){
body #header .bottom-header {
position: absolute;
z-index: 1;
}
}

Thanks!
Colorlib Support Team

3

Hi,

thanks for the help, had to remove the .bottom-header line because it threw off the view on a desktop.

.responsive-menu {
position: absolute;
z-index: 99999999;
}

@media screen and (max-width: 500px){
body #header .bottom-header {
position: absolute;
z-index: 1;
}
}

This eventually fixed it.
Thanks alot!
J.

4

Great :slight_smile:

I will close this case now, Feel free to contact us again if you have other questions Thanks!