Hi There!
Please take a look at http://www.talk2tamsin.com on a mobile device. The initial section on the pages with longer words in the headings are not responsive, nor are the background images. I would like the color section background image, and the heading text to be responsive and fit onto the mobile screen completely.
Also – on the Individual, Couple, and Group pages, the spacing between the circle images and the text is too small – how do I change this so the spacing is all even?
Kind Regards
Neil
Hi jonojnz!
Thank you for using Enfold.
Resize the heading text with this:
@media only screen and (max-width: 767px) {
body .av-special-heading.modern-centered h1 {
font-size: 50px;
}
}
Note that the background-size property of the color section is set to “cover” which means that it will cover the whole container and in order to keep the image’s aspect ratio, it may cut off parts of the image. We can set it to 100% or contain but it will distort the image. More info regarding the “cover” value: http://www.w3schools.com/cssref/css3_pr_background-size.asp
Regards,
Ismael