Responsive image size

Support
#1

Hi There!

I am trying to set a size for my footer logos. To do this, I’ve set a maximum size in the “style” (Cornerstone) section. However, when I decrease the screen size, they overlap. (please check the images below)

How can I make them fit all screen sizes while maintaining the maximum size that I have set?

I would appreciate your help! Many thanks.

#2

Hey Pamela,

Please assign an ID to the section then add this code in X > Theme Options > CSS:

#above-footer .x-column .x-img {
    width: 100%;
}

The code above assumes that the ID you have added to the section is above-footer.

Hope this helps.

#3

Hi Jade,

It seems to have worked!! Thank you very much :smiley:

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.