I am working on a website where we setuped a footer using 1 column footer.
In this footer, we do have a bunch of stuff so we create code using a page with the visual builder and then we copy the code in the footer widget.
if i place 4 simple column in the widget, it then get layout trouble when screen size get small. 1st box column get very small and the 3 next boxes are losing align and are bigger.
I tryed removing all the custom css and rapid css and it still does it…
it happens from around 800 to 1000px width screen
Can you help me out to find a way to make this work properly?
Hey!
Try adding this code to the Quick CSS:
@media only screen and (min-width: 768px) and (max-width: 989px) {
#footer .av_one_fourth {
width: 50% !important;
margin: 0 !important;
}
}
Cheers!
Josue
great thanks you very much :)
You are welcome, always glad to help :)
Regards,
Josue