Responsive buttons

Hi arthurbro,

Could you send me a link to your site so I can inspect your buttons? They’re meant to be responsive so it’s odd that they’re not.

Hi Alex,

Here is an example. Please check the 3 buttons (Manual, Brochure, Order) with a width of 1000px for instance.

Thanks for your help

Hi arthurbro,

Could you send me a screenshot of what you’re seeing? I don’t seem to be seeing the same thing. Maybe try viewing it in a different browser to see if that fixes the issue? If it does, please try clearing your cache in your previous browser.

Hi Alex,

Here is a screenshot.
I’m using Chrome.

Thanks,
Arthur

And I have the same problem on IE 11.

Hi arthurbro,

The link you previously sent me seems to have expired. Could you please send me a new link?

Here is a new link (it will expire in 12 hours)

Hi arthurbro,

The issue is that your column is too small for the padding to font ratio you’re using. Please try the following CSS that will try and comprise by reducing the font size for certain resoloutions:

@media (min-width: 780px) and (max-width: 1185px){
  .so-widget-sow-button-atom-4e261f693692 .ow-button-base {
    font-size: 11px;
  }
}

@media (min-width: 780px) and (max-width: 961px){
  .so-widget-sow-button-atom-4e261f693692 .ow-button-base {
    font-size: 9px;
  }
}

I recommend our CSS plugin, SiteOrigin CSS Editor, to make adding this CSS a painess experince.

Thank you very much, I’m going to play with these CSS properties !

Hi Arthurbro,

Happy to help! ?? Is there anything else I can help you with today?