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.

Centering container with custom html block

  • Hi there , see the link in private information.

    I have a mailchimp block embedded in the site footer using the custom html block. When I’m logged in, using a laptop, it appears correctly spaced in the center even when shrinking the window down to a small phone size. However on an actual iphone the block is not centered, but to one size and overflowing slightly.

    It’s based on one of your template sites. How can I get this mailchimp block to always be centered?

    All help appreciated

  • Hi there,

    Can you select the parent container of the form (gb-element-48aade2d), and set display to block on mobile?

    Then add this CSS to override the form’s width, which has been set to 400px.

    #mc_embed_signup {
        max-width: 100%;
    }
  • Thank you.

  • You are welcome   🙂

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