Media queries Altitude Pro footer widgets

[wizz6113]

I created new footer widgets - three in a row - to replace the single full-width footer widget. I basically cut and paste some code from another Genesis theme css and fiddled with padding a bit. However, while I've got the footers aligned on desktop, they don't of course behave that way on tablet / mobile. I am a bit out of my depth on how to adjust them for media queries, so anyone any css help on this, welcome! Thanks.

Here's the regular footer widget css I added from line 1642:

.footer-widgets-1,
.footer-widgets-3 {
width: 330px;
}

.footer-widgets-2 {
width: 360px;
}

.footer-widgets-1 {
margin-right: 40px;
margin-right: 4rem;
}

.footer-widgets-1,
.footer-widgets-2 {
float: left;
}

.footer-widgets-3 {
float: right;
text-align: left;
}

.footer-widgets .widget {
margin-bottom: 10px;
margin-bottom: 2.4rem;
}

http://integris.com.mt/

[Christoph]

Hi,

let me just make sure I follow what you did, ok?

In the functions.php you changed
add_theme_support( 'genesis-footer-widgets', 1 );

to

add_theme_support( 'genesis-footer-widgets', 3 );

and copied some css from a different theme but did not copy the css for the media queries?

Taking executive-pro as example, it just says at the media query for 800px that the footer-widget-1, footer-widget-2, footer-widget-3 should have width: 100%; and margin: 0;

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[wizz6113]

Thanks Christophe,
Yes, that's what I did - create new footers adding support in the functions php and adding css for normal mode (not media queries - I wasn't sure what to do there). I cut and paste css code from Streamline Pro.

I'll take your suggestion and see what Steamline Pro media screen css is for the footers and copy it over too and see what happens.

Tnx.

[wizz6113]

I think I've resolved it adding some copied css in from the Streamline theme and adjusting a bit. Even if the widths were different between the two themes.
Not tested it on a tablet yet though.

[Author]

Posts