Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 3, 2016 at 6:33 am #592445
    jonojnz

    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

    March 5, 2016 at 10:34 am #593679
    Ismael

    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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.