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.

GeneratePress GenerateBlocks

IPAD/IOS specific CSS issues

  • Davepp
    April 7, 2025 at 9:18 am

    Hi There,

    I’m working on a site and have added a custom header element with two buttons that should sit on the right on ipad & in the centre for mobile (site details in private info) the current styling works fine across all screen sizes & devices apart from anything safari ios. Help would be fantatstic!

  • Ying
    April 7, 2025 at 10:30 am

    Hi there,

    1. On mobile, select the parent container with class gb-element-9dd3b403, and set flex-wrap to wrap.

    2. On mobile, select the button container with class gb-element-244000a2, set position to relative, float to none, left, right, top to 0, min-width to 100%.

    Let me know if this helps!

  • Davepp
    April 7, 2025 at 10:57 am

    Thanks,

    Well, things are looking better on ipad, but on firefox etc everything is out of alignment in the header & the first content section seems to be being pushed to full width. Any suggestions?

  • Alvind
    April 7, 2025 at 9:20 pm

    Hi there,

    Are you referring to the Firefox browser layout at the iPad breakpoint? I don’t have an actual iPad to test with, but using a simulator, I wasn’t able to replicate the issue you mentioned. If possible, could you share a screenshot? That would help a lot!

  • Davepp
    April 9, 2025 at 3:28 am

    Thanks,

    Was a strange one, but ultimately it was the flex wrap to wrap that sorted it. I’d hacked my way through the alignment using a variety of margins and floats, but rebuilt that entirely to use the flex properly.

  • Alvind
    April 9, 2025 at 5:24 pm

    Glad to know that!

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