Ethos Mobile Menu Position and Functionality

2 things:

  1. I’d like the hamburger menu in the first screen shot to be on the same line as my name. I looked, but I can’t see what is pushing that hamburger menu down, and I’m not sure what would be easiest to change to fix it.

  2. In the second image, with the menu open, everything looks great. When I click to open the menu, I have to scroll down the screen, and I’m worried people might not realize it has opened. Is there a way to have the screen move down when someone clicks to open the menu so they can see the items in it without scrolling?

Thank you again,
Brad

Hi There,

Please try adding this custom CSS under Theme Options > CSS:

@media (max-width: 370px){
    .x-brand {
        font-size: 28px;
    }
}

.home .x-navbar .mobile .x-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #000;
}

Let us know how it goes!

Thank you! Works perfectly!

Be well,
Brad

You’re welcome!
Thanks for letting us know that it has worked for you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.