proportional resize of photos and text

Hey rixi,

I couldn’t see anything like that on the page you linked to, could you post a screenshot of the problem on your end please? Also please let us know which screen size that is happening on and in which browser.

Best regards,
Rikard

Hi,
Sorry for the very late reply and thanks for the link to your page. So for tablet we can remove the page padding and the margin & padding for the image to make it as large as possible, but the element is a 1/2 column.
For the icon box text, one way to to increase the width is to hide the icon for tablet which removes the indent making the text wider, but I don’t know if the icon is important for you to show on tablet. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 768px) and (max-width: 1024px) { 
	#top.page-id-4188 #av_section_2 > div.container {
		padding: 0 !important;
	}
	#top.page-id-4188 #av_section_2 > div.container > div > div > div > div > article > div.iconbox_icon.heading-color {
		display: none !important;
	}
	#top.page-id-4188 #av_section_2 > div.container > div > div > div > div {
		margin-left: 0 !important;
		width: 49% !important;
	}
}

After applying the css, please clear your browser cache and check. Please see the link in the Private Content area for the expected results. From the screenshot you should see that there is not enough room for the image to be the same size as the icon box text.
Please note this css will only work for your test page.
Another option is to change the element layout for tablets by adding a new section that works for your thoughts on tablet and then hide / show the elements based on screen size. Let us know if this is something you would like to try.

Best regards,
Mike

Hi,
We will leave this open to hear back from you.

Best regards,
Mike