Button group fitting on small screens

Permalink Browser Info Environment
Is there a way to make buttons fit better on small screens? Right now, when resolution is too small they don't break evenly leaving uneven amounts on different levels. And if padding is used for any reason that padding effects the new row.

Could it be possible for button groups to switch to the size smaller beneath a certain resolution, or maybe become vertical (if it wouldn't be too much trouble)?

Or maybe that functionality is there and I don't see it yet? Point me the way :)
Thanks a million.

Type: Pre-Sale
Status: In Progress
bayleafmedia
View Replies:
c5hub replied on at Permalink Reply
c5hub
In the button group block settings tab there is a 'Stack' options - set this to 'stack on small'.
bayleafmedia replied on at Permalink Reply 2 Attachments
bayleafmedia
When my buttons break for a small screen it overlaps the content beneath it. The only reason why the h2 text below is as far down as it is is because I have a 50px pad above it. without the padding applied to the layout for the h2 text it moved up to just beneath block 1 (as if all the buttons were still on a single row.

The buttons are not contained in a layout, but the main area. The text below it is in a 1-column layout. Both are in the same main area.

Any pointers on this would be greatly appreciated.
thanks
c5hub replied on at Permalink Reply 1 Attachment
c5hub
Cant replicate this currently - see attachment...

Can you offer a link offer for us to take a look at?
bayleafmedia replied on at Permalink Reply
bayleafmedia
Here are two links:

http://dev.bayleaf.org/ministries/ministryage/children2...
http://dev.bayleaf.org/children...

the first link is a remake that I just did to separate the two sections into two different main areas. the second link the button group and text block share the same area, but in two different layouts (the main area, and a single column foundation layout. My other pages that place groups buttons in the same place follow that layout design.
c5hub replied on at Permalink Reply
c5hub
Looking at the link, you have the button group block wrapped in a custom div with custom CSS - we can't help you with this sort of customization. With this div classes removed, it works as intended.
bayleafmedia replied on at Permalink Reply
bayleafmedia
Man, it's our static height for the background. I had blinded myself to that setting. I appreciate you looking at it. I'll get that adjusted.

concrete5 Environment Information

1234 I'm on my phone

Browser User-Agent String

Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_3 like Mac OS X) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.