Parallax Pro Responsive Columns

[hillmanb]

I have built 4 columns across my homepage using the code <div class="one-fourth first"> </div> etc. However when resized and scaled down they just squish into each other, I need a responsive way to have the columns stack in order.

Any help would be greatly appreciated, thanks!

[Davinder Singh Kainth]

Share your website url for more targeted support.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[hillmanb]

Sorry it is private with a coming soon page

[Davinder Singh Kainth]

If you are using standard "one-fourth" class, it should work fine as seen here - http://demo.studiopress.com/parallax/columns/

Can you share exact code you are using for column classes?

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[hillmanb]

Hi Davinder, here is the code being used.

<div class="one-fourth first"><img src="https://acmehat.co/wp-content/uploads/2015/09/1.png" alt="1" width="175" height="175" /><br>
<strong>SEND US ART</strong>
<p>Fusce tincidunt magna eget massa malesuada tristique.</p></div>

<div class="one-fourth"><img src="https://acmehat.co/wp-content/uploads/2015/09/2.png" alt="1" width="175" height="175" /><strong><br>
RECEIVE FREE MOCK</strong>
<p>Fusce tincidunt magna eget massa malesuada tristique.</p></div>

<div class="one-fourth"><img src="https://acmehat.co/wp-content/uploads/2015/09/3.png" alt="1" width="175" height="175" /><br>
<strong>APPROVE + PAY</strong>
<p>Fusce tincidunt magna eget massa malesuada tristique.</p></div>

<div class="one-fourth"><img src="https://acmehat.co/wp-content/uploads/2015/09/4.png" alt="1" width="175" height="175" /><br>
<strong>RECEIVE HATS</strong>
<p>Fusce tincidunt magna eget massa malesuada tristique.</p></div>

[hillmanb]

I figured out it was conflicting CSS I added elsewhere.

[Author]

Posts