Title Misaligned on iOS

  • Resolved fruchtbote

    (@fruchtbote)


    3 years, 11 months ago

    Dear Support,

    while having no problems at all on Android or Windows Devices, there is a bug on iOS devices. On every iOS device, that was tested, there has been a misalignment at the page title. This disturbes other content on our site. Please check the screenshot for further information.

    We would be grateful if you could provide a solution for that.

    Thank you,

    Daniel | FruchtBote

    Screenshots:

    • This topic was modified 3 years, 11 months ago by fruchtbote.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi!

    Thanks for reaching out!

    This appears to be an issue with one of your plugins, not Storefront itself. Specifically it looks like Autoptimize is the culprit.

    The cause of the weirdness is the #page .site-content being generated by that plugin has a top margin of -201px in it.

    You can try disabling that plugin, clearing your device cache (one of the easiest ways to do this is to reboot your phone or tablet) and then see if that fixes the issue.

    If disabling Autoptimize fixes this issue, please feel free to reach out to their development team for further support.

    AO does not change CSS, but by aggregating it sometimes CSS from plugin X can override that of plugin Y or the theme. Best way forward would be to try if (a) unticking “also aggregate inline CSS” works and if not (b) if unticking “aggregate CSS” works. based on that we can see what the next steps might be.

    frank (ao dev)

    Thread Starter fruchtbote

    (@fruchtbote)

    The bug is solved now. We managed to add some additional CSS to hide the page title. It’s very likely not a Storefront or Autoptimize bug. We can say for sure that it was there before we installed AO.

    Thank you for pointing us in the right direction.

    Daniel

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Title Misaligned on iOS’ is closed to new replies.