Classic Feature Box image - mobile width

[Deesign]

Hi Team X,

Struggling a little with the Classic Feature Box images and alignment on an ipad sized screen.
If I have the width of the image set to the same as the column everything looks centered on the screen and with the text below until on the medium screen size - then the images start to cover each other and the text is pushed to the left side even thought it is still center aligned in format.

desktop and iphone both look great, though I would like the images and to be larger on the big screen.
Can the images in these Classic Feature Boxes be responsive to screen size? Did I miss a setting?

[nico]

Hi @DeeDesign,

Thanks for writing in.

Not sure of the problem because upon checking your setup’s responsiveness, it is working well. Would you mind sharing us a screenshot of the issue.

Thank you so much. We’ll do our best to help you once we fully understand the situation.

[Deesign]

Thank you for checking @Nico - sorry if I was unclear.
Here is a screen shot that displays the image issue with the text pushed to the left on a 768 width screen.

[friech]

Hi There,

The issue is because you set the GRAPHIC SIZE with a fixed value (325px x 3 = 975px), so at some point the images will be overlap. To fix this please add this the following code to Theme Options > CSS

.home .x-feature-box-graphic-inner {
	font-size: 30.66666vh !important;
	width: 100%;
}

And removed the 15px left margin you added in the middle column.

Hope that helps.
Cheers!