I just can’t seem to figure out how to make the mobile version work considering that the editor and the published version differ so much.
What causes this and what can I do to fix it?
Hi Fredj32,
me again. Here is what I see, the issue is in the fact that all the images have different ratios and fit the container differently. since the height is what matters I recommend you do as follows:
Desktop View:
Div block 11: Height: auto (in all medias)
Give image6 , fixed height value of 220px
(reccomend to fix margin bottom to 20px)
Tablet:
Give image6 , fixed value of 150px
Mobile Landscape and under:
Give image6, height auto
Make sure div block 11 has values set to auto in all Media Queries.
Dritan! You are the man. You are the reason why my website finally works on mobile! Your advice, again, was spot on and very easy to follow. This saved me hours. Thank you so much!