Responsive Footer Issue - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
October 7, 2025 at 7:30 am #1489913

condonp
Participant

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.

October 7, 2025 at 7:44 am #1489915
Ismael
Moderator
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
October 7, 2025 at 8:33 am #1489917
condonp
Participant
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
- This reply was modified 3 weeks ago by condonp.
October 7, 2025 at 9:59 am #1489924

Rikard
Keymaster

Hi,

Thanks for the update. So you want the images next to each other on mobile?

Best regards,
Rikard

October 7, 2025 at 10:00 am #1489926

condonp
Participant

yes please

October 7, 2025 at 12:12 pm #1489930
Rikard
Keymaster
Hi,

Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (max-width: 767px) {
#footer .av_one_half {
  margin-left: 6% !important;
  width: 47% !important;
}
}
```
Best regards,
Rikard
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.