Column Classes in Front page widgets issue

[TheJohnHamilton]

Hello all,

I'm using column classes in widget 2 on my front page. I'm using the Altitude Pro theme.
Each of the 4 columns has a headline text and a clickable image.
I have two issues:
1. The columns don't collapse on mobile/narrow screens. I'm using column classes elsewhere on the site with no problems so must be missing something obvious here...
2. on this widget all the content shows to the left of the page, not the centre as I'd thought.

The front page is at https://bfpeople.com

And I'm adding the content of the widget in question to the bottom of this post - it's probably overcomplicated.. Any suggestions very gratefully received.
Thanks in advance,
John

<span style="color: #00607c;">bfpeople</span> has been finding leaders and developing talent for nearly 30 years: working with ambitious companies and individuals to make sure the right people are doing the right things in the right jobs.

People are our business: our core disciplines of executive recruitment, psychometric assessment, coaching and leadership development supports ambitious organisations and individuals. 
<span style="color: #00607c;">bfpeople</span> is a boutique recruitment and business psychology firm with a core of consultants and a national and global network of trusted associates.

We work in most sectors, broadly clustered in four key industry groups. Click on the images below for more information:
<div class="one-fourth first" style="text-align: center;"><span style="color: #00607c;">Retail Marketing & Creative</span></div>
<div class="one-fourth" style="text-align: center;"><span style="color: #00607c;">Industry & Technology</span></div>
<div class="one-fourth" style="text-align: center;"><span style="color: #00607c;">Professional Services</span></div>
<div class="one-fourth" style="text-align: center;"><span style="color: #00607c;">Public & 3rd Sector</span></div>
<div class="clearfix"></div>

https://bfpeople.com

[Victor Font]

You are using Genesis Extender for the column classes instead of the classes built into the theme. Genesis Extender is overriding the theme's column classes. That's why mobile isn't working.

Wrap all of the columns in another div to center them.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[TheJohnHamilton]

Thanks Victor and sorry for the duplicate post - I didn't see it come up when I pressed submit earlier!
I think I've found a work-around but to save future problems I'm thinking I should delete the Extender column classes.

I can see a media query for column classes in Genesis Extender:
/* media query for column classes */

@media only screen and (max-width: 1023px) { .one-third,.two-sixths {
width: 100%;
}
}

@media only screen and (max-width: 1023px) {
.one-third, .two-sixths, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
width: 100%;
}
}
When I deleted this nothing changed. Is there something else I need to do?
Thanks again Victor.
John

[Victor Font]

It looks like you removed the column classes in favor of four flexible widgets.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts