Dear Customers! We're out of the office from the 6th of October to the 11th of October. We sincerely apologize for the inconvenience. For WordPress 5.5.* related issues, please visit this article

Okay
  Public Ticket #4562118
Critical CSS Layout Break on Mobile Viewport (Chrome/Safari)
Open

Comments

  • abdul rashid khan started the conversation

    Hello Support Team,

    I am currently using the theme/template to build out the infrastructure for my latest project,

    Aviator Pakistan. I’ve run into a specific layout issue that I can't seem to resolve via standard CSS overrides.

    The Issue: When viewing the site on mobile devices (specifically iPhone 13/14 Pro), the hero section container seems to overflow, causing horizontal scrolling. I have already deactivated all non-essential plugins and ensured my files are up to date, but the conflict persists.

    Technical Details:

    • URL:
    • https://www.aviatorpk.com
    • Location: The main "Multiplier Calculator" section and the top navigation bar.
    • Expected Behavior: The container should be 100vw with no overflow.

    Could you please take a look at the live site and let me know if there is a specific media query in the theme that is forcing this width? I’ve included my URL so you can inspect the elements directly.

    Thank you for your time and for the great theme!

    Best regards,
    Abdul Rashid Khan