Height element error in iOS. Header logo size gets stuck while scrolling

  • We believe we have found a bug in the Meteorite theme.
    This happened with mobile iOS

    Whenever you scroll down on the page and the header is getting smaller, the menu is still placed as if the header was bigger. If you scroll up again the header is bigger but the menu is then placed as if the header was small.

    We suspect the problem is that on loading the height of the element “nav-placeholder” is set to the height of “nav-container”.
    When you scroll and the height of the “nav-container” is changed, the height of the “nav-placeholder” is not.

    This means the height of the outer placeholder always stays the same and it results in bad representation of the page.

    Unfortunately I cannot provide the link to the page, since it is currently under development and to be released later on this month.

Viewing 1 replies (of 1 total)
  • Theme Author terrathemes

    (@terrathemes)

    Hello @partyo,

    thank you much for your report.

    Unfortunately I don’t have a iOS device ready to test this. Therefore I need some more infos about the issue.

    – On which devices does it happen? Only on a specific one?
    – On which screen sizes does it happen?
    – Which menu is placed wrong? Mobile, sub menu, main menu?
    – In which browser does this happen?
    – Which verion of Meteorite and WordPress are you using?
    – Does this happen only with the latest version of Meteorite?

    Maybe some additional screenshots can clarify things up.

    Regards,
    Terra Themes

Viewing 1 replies (of 1 total)
  • The topic ‘Height element error in iOS. Header logo size gets stuck while scrolling’ is closed to new replies.