Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

No Margins / Padding on iPhone

  • Hi there,

    when I work on the mobile view of my website – it looks like this. Great margins / padding on the left and on the right. Like I want it.

    When I open it on my latest iPhone 15 pro IOS, there are no margins or padding at all – although I set them.

    How’s that possible?
    Can you confirm this bug? How does it look on your mobile phone?

    Why’s there a difference between how it looks in the GeneratePress Editor and on the Front End on my smartphone?

    Thanks a lot in advance!

  • Hi there,

    had the same issue and it lies on Safari! I’d suggest to restart your iphone and if needed to clear the Safari cache.
    Safari has issues lately! I for one installed Chrome instead 😉

    My 2c
    John

  • Hi there,

    Your page is set to full width, so there isn’t any padding by default.

    You will need to set paddings via the container blocks.

  • Hi Ying.

    I did that – I attached a screenshot here.
    In the Generate Press editor the padding of 60 pxs (!) is applied. This only seems to happen in the hero section of the page on smartphone view.

    On the front end there’s still no padding at all. I tried it in Safari and Brave on my iPhone 15 pro.

    I also added the link to the website in the private info box, so that you can see the result on your smartphone / iPhone screen.

    Can you help?

    Thanks a lot!

  • I think, I fixed it myself.

    Thanks anyways.

  • You are welcome   🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.