Sticky Menu on Smartphone View Misaligned

Hello Support,

The sticky menu is acting funky, as it’s misaligned (off center) and the menu is really wide on the home page and some other pages, but not all of them. And the sticky menu doesn’t scroll down on some of the pages either, yet works fine on other pages. This funkiness occurs in the Smartphone view only.

I attached a screenshot of the misalignment.

If you want to test via smartphone, then please go to https://BoLockwood.com

Thanks much. Bo

Hello Bo,

Can you please provide a link to an affected page in order to let me check its mobile header?

Kind Regards, Roman.
aThemes Support

Here you go, Roman…

My home page: https://bolockwood.com

Thanks, Bo

Hello Bo,

the menu is really wide on the home page and some other pages, but not all of them

Try to use the following CSS code in order to shrink the email input field that causes wide mobile header issue. You can add CSS code in Customize → Additional CSS section.

#mce-EMAIL {
    max-width: 100%;
}

And the sticky menu doesn’t scroll down on some of the pages either, yet works fine on other pages.

Mobile header shouldn’t be sticky by default. You made mobile header sticky with additional CSS code, so please fix or disable that code.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

That totally worked, Roman. Thanks much.:grinning:

The header is now aligned and the sticky menu is working great.

I located the CSS code you mentioned, though didn’t change anything.

All is well. Enjoy your day. Bo

Okay, great!

You are welcome Bo :slight_smile:

Kind Regards, Roman.
aThemes Support