Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #592445

    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

    #593679

    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

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