Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #782506

    Hi,

    I’m experiencing problems with my mobile sticky header. It doesn’t “occupy” any space thus overlaps with content.
    Also, when I click the mobile menu, the logo shifts a little.
    I’d also like to know how to change the width at which header changes from desktop to mobile.

    Thank you very much!

    #783917

    Hey cosmicresearch,

    I checked on my mobile, and it looks like the header is working all right. Do you still need help with this?

    Best regards,
    Sarah

    #784003

    No Sarah, I found the solution searching a bit more. A padding is needed in mobile header. Thank you.

    However, the logo still slightly shifts when you click the menu button.

    #784012

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 480px) {
    .responsive #top #wrap_all .container.av-logo-container {
        margin: 0 30px;
    }}
    

    Best regards,
    Yigit

    #784707

    Wow thank you Yigit! It worked!

    Strangely there is another bug: when I click on the menu, it automatically scrolls to the top of the page (in mobile, again).

    Thank you <3

    #785607

    Hi,

    That is not from our theme, but from any modifications done or any plugins
    If you try remove everything and have a clear installation it is not happening.

    Best regards,
    Basilis

    #785945

    Thank you Basilis, I’ll take a deeper look at what can be causing this.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Problems with mobile header’ is closed to new replies.