Tagged: columns, CSS, enfold, logo element, responsive
Hi guys,
Making amazing progress with Enfold. The theme is even better than it was last time I used it and my site is so much easier to build and better looking as a result.
I’m currently working through my responsive styling and I have one issue I can’t find a way around. The Partner/Logo Element shortens itself to a 2×2 grid (instead of 1×4) below 989px. You can see the issue here: http://dalestudios.co.uk/clients-testimonials/
Do you guys know a work around?
Thanks
Hi tocal!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 989px) {
.responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth {
clear: none!important;
}}
Regards,
Yigit
Thanks Yigit but I meant 1×4 the other way. i.e. 1 row, 4 columns as there’s plenty of width for it.
Thanks,
Hi!
I have changed the code i posted in my previous post, please try it now :)
Cheers!
Yigit
Awesome, but that messes my footer columns up!
I’ll add a class so it only targets the logo element
Never mind, that won’t work.
Hi!
Following code should target only logo element
@media only screen and (max-width: 989px) {
.avia-content-slider-inner .av_one_fourth.first + .av_one_fourth + .av_one_fourth {
clear: none!important;
}}
Best regards,
Yigit
Brilliant, thanks Yigit. Great support as always!