Docs

[warmfire540]

Hey,

Basically I need a similar setup to your site main page: http://theme.co/x/

Your mobile menu opens up nicely and has adapted styling.

Mine currently opens down. Well since it’s at the bottom of the page no one knows it’s open..since it is below and you have to scroll
this brings up another problem..it’s hards to scroll in your mobile menu, it clicks automatically

I’ve reviewed these similar tickets:
https://community.theme.co/forums/topic/make-hamburger-menu-expand-upwards-and-make-it-fixed/
https://community.theme.co/forums/topic/opening-of-hamburger-menu-in-mobile-view-below-slider/

I feel like I’m almost there – it’s just that I’ve had to do a few tweaks already to get where I’m at so the code from other posts doesn’t seem to work exactly how I need.

Thanks
-Patrick

[Friech]

Hi Patrick,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

[warmfire540]

How silly of me: http://patrickmasters.com/

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (max-width:979px){
.x-navbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
}

Hope that helps.

[warmfire540]

I have this total for custom CSS:

@media (max-width: 979px) {
.x-navbar-fixed-top {
position: fixed;
}
.x-navbar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}

to make it fixed at the top (like on theme.co/x when viewing mobile

However the extra code w/ the absolutes just broke everything

[Rue Nel]

Hello There,

The result of the given css code is this:

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[warmfire540]

Hey,

I took the code you gave and modified for my situation – similar to the way theme.co/x/’s mobile menu, except mine has to deal w/ being transparent

Thanks
-Patrick

[Christopher]

Hi there,

Seems like you’ve already figured it, the menu isn’t transparent anymore.

Thanks.

[Author]

Posts