Elements inside column are compressed when in mobile view.

  • Resolved c1arkj

    (@jvjerde)


    4 years, 2 months ago

    Have a look from your mobile device. Scroll to the bottom of the page and you’ll see the button is being compressed by some added padding when in mobile view… https://ketodeutschland.com

    Any solutions?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Aleksandar

    (@gdalex)

    Hey @jvjerde,

    Thanks for reaching out!

    I wasn’t able to replicate this issue on my test site, so this is most likely some sort of theme/plugin conflict specific to your site, or the CSS rules from some other plugin or the theme is impacting the button itself.

    However, you can try and fix this using this CSS workaround, which you can add to the “Appearance>Customize>Additional CSS” area:

    
#post-inner > div > div.wp-block-coblocks-row.alignfull.coblocks-row-12144859710 > div > div > div > div.wp-block-button.aligncenter.is-style-circular{
max-width:none !important;
}

    When I add this code in my browser, the button is displaying normally: https://prnt.sc/un3ntx

    Please let me know if this helped!

    Thread Starter c1arkj

    (@jvjerde)

    @gdalex

    Thanks for the reply, your workaround worked just fine. Appreciate the fix.

    My thoughts is that it may be related to to the image beneath the button as the button was being resized to the width of the flag image below it. DO you think it’s a bug in that regard?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Elements inside column are compressed when in mobile view.’ is closed to new replies.