Docs

[GareyJ]

Hello,
I’m using the education demo as a basis for my site. I have noticed on mobile devices the sidebar nav collapses like it is suppose to and gives me the hamburger icon, but the height of the background of the nav is still 100%. which leaves a big purple empty block on the screen.

site is:
elderlawqueens.com

[Rahul]

Hey There,

Thanks for writing in!

Would you mind provide a screenshot clarifying what you are referring to? I’d be helpful for our team to give you a tailored answer of a real issue.

Thanks for understanding!

[GareyJ]

Sure.

[GareyJ]

desktop

[GareyJ]

one more try

[Joao]

Hi there, since you have Under Constrcution Plugin activated, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[GareyJ]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-navbar.x-navbar-fixed-left {
    overflow: visible;
}

@media only screen and (max-width: 979px) {
.x-navbar-fixed-left .x-navbar-inner, .x-navbar-fixed-right .x-navbar-inner {
    height: 100px;
}
}

Hope it helps

Joao

[GareyJ]

thanks

[GareyJ]

okay now the background collapses, and the hamburger icon activates the nav, but now the background does not expand with the nav.

[GareyJ]

okay I fixed it by setting height: auto; on the above code.

[GareyJ]

z

[Rupok]

Glad that you sorted it out. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts