I have set up our site using your theme and am quite satisfied. The only issue is the responsiveness of the design. I first notices it with the section headlines which go a bit off-screen to the right when I view the site on a mobile.
Secondly when I add images into the sections and they are wider than 310pixels (which I measured is the minimum site-width) they are not scaled down. It works with the slider but not with regular images (also tried SVG).
Can you please help me with that? Since you say it's fully responsive I think there must be a way.
Hi Pasquale,
I have set up our site using your theme and am quite satisfied. The only issue is the responsiveness of the design.
I first notices it with the section headlines which go a bit off-screen to the right when I view the site on a mobile.
Secondly when I add images into the sections and they are wider than 310pixels (which I measured is the minimum site-width) they are not scaled down. It works with the slider but not with regular images (also tried SVG).
Can you please help me with that? Since you say it's fully responsive I think there must be a way.
Thanks and kind regards,
Patrick
Hi Patrick,
1) An headline goes a bit off-screen because that word is pretty long. You could add some custom CSS to break a word, for example:
.section-title { word-break: break-all; }
2) Adding this line of code should help:
section img { max-width: 100%; height: auto; }
Cheers!
Glad to help!