Button Group – Resizing

  • Resolved joeldau

    (@joeldau)


    4 years, 6 months ago

    I created several webpages that used 3 columns with two button groups in each column for resizing purposes. Each button had an image embedded with text. After the 2.9.11 update the buttons stopped resizing in the columns as the website transitioned from desktop to tablet and then to stacking columns on mobile. How can I bring back the shrinking?

    Example of the updated orbit fox companion page:
    https://skgrimes.com/products/lens-boards/
    And example of the older version – how I designed it to react:
    https://skgrimes.com/rebuild/products/lens-boards/

    I’m hoping it’s as simple as adding some CSS classes either in the Theme or on each Group Button block.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Hey @joeldau,

    While I wouldn’t recommend doing this, you can fix it by adding the following CSS code:

    .wp-block-themeisle-blocks-button-group {
    display: flex;
}

    You can use a plugin to make sure it only applies to tablet size screens or use media queries.

    Let me know if it helps! ??

    Thread Starter joeldau

    (@joeldau)

    Thanks! That worked.

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Glad to know. Have a great day ahead!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Button Group – Resizing’ is closed to new replies.