Dear Sirs,
We have a development site at http://www.peter-test1.co.uk. The footer is set to “two columns” and has an image in each column of the footer. However on responsive each image goes on top of each other. see screenshot 1. I am trying to get this central as in screenshot 2 can someone please help. Many thanks.
Hey condonp,
Thank you for the inquiry.
Adding this css code should center-align the images in the footer widgets on smaller screens.
@media only screen and (max-width: 768px) {
/* Add your Mobile Styles here */
#footer .widget.widget_text {
margin: 0 auto;
}
}
Please make sure toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache before checking the page.
Best regards,
Ismael
Ismail,
Thanks for responding but have added this you can see at http://www.peter-test1.co.uk but this does not seem to work. We are trying to get the columns centralised as in screenshot 2
Hi,
Thanks for the update. So you want the images next to each other on mobile?
Best regards,
Rikard
yes please