Foundation Button Group Alignment Not Centering


(Steve Peterson) #1

When using a single Foundation button stack I can center (Button/Alignment/Center). Works great. It adjusts accordingly when the browser is resized, etc. Not so for my three button Button Group (I’m using Home, Back and Next as my buttons). For the Button Group, there is no selection the center the three buttons. Just left and right. I have to add lots of padding to center the buttons but of course when the web browser size is adjusted all elements adjust accordingly with the exception of the buttons. How can I correct this?


(Joe Workman) #2

Use fill mode. If you then do not want the buttons that large, simply throw them into a Foundation 1 Column stack and reduce the width and set the alignment to centered. This gives you detailed controls for mobile, tablet and desktop as well.


(Steve Peterson) #3

Thanks Joe. I’ll give a whack. Much appreciated!