Docs

[databell]

I’m trying to get the navigation on mobile to slide up from the hamburger menu, like it does on the X site, but it just keeps scrolling downward instead. The example is here: https://jkmurphyadvisors.com/dev/

I’ve already looked at other forum posts, but nothing seems to be working. I added this already in my CSS for the child theme:

@media screen and (max-width: 979px) {
	.x-navbar {
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
	.x-navbar-fixed-top {
        position: fixed !important;
        top: 0 !important;
        bottom: auto !important
    }
	.x-btn-navbar { margin-top: 6px!important; }
}

[Rad]

Hi there,

Thanks for writing in.

Please add this CSS too,

.home .x-nav-wrap.mobile {
    position: absolute;
    bottom: 30px;
    background: #ccc;
    width: 100%;
    left: 0px;
}

You may change the background color to your preference.

Thanks!

[databell]

Great! I just made the change and it worked out great! Thank you!

[Jade]

You’re welcome!

[Author]

Posts