Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 24, 2017 at 8:07 pm #782506
    cosmicresearch

    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!

    April 27, 2017 at 10:39 am #783917
    Sarah

    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

    April 27, 2017 at 1:31 pm #784003
    cosmicresearch

    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.

    April 27, 2017 at 1:50 pm #784012
    Yigit

    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

    April 28, 2017 at 5:02 pm #784707
    cosmicresearch

    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

    May 1, 2017 at 9:39 am #785607
    Basilis

    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

    May 1, 2017 at 7:49 pm #785945
    cosmicresearch

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

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