-
Posts
-
When working with the Pricing Table in Cornerstone, it works perfectly. However, outside of that it is working strangely. When the browser window shrinks to a particular size the tables do not stack properly.
Link to page: http://emotionsfirst.com/myservices/
Hi There,
Thanks for posting in. I am able to check and your pricing table is responsive and working as expected. By default when the screen size is <=767px each pricing table column will be stack and display 100% in width. So you will have 3 pricing table column on top of each other. Then when the screen size is equal to 768px or <=979px each column width will be 50%. Since you have 3 columns, the first 2 columns will be 50% in width and display side by side and the third pricing table will be displayed below in 100% width. Then of course on the large screen it will be side by side. Are you expecting different result from this? Please clarify.
Ohhh, I see.. thank you!
Is it possible for all three to be displayed side by side and then once the scree hits 768px or <=979px for them to just stack (so each column is on top of the other and two columns never display at 50% side by side?).
If not, I can come up with another solution.
Thanks!
- <script> jQuery(function($){ $("#no-reply-900450 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
