Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 10, 2016 at 10:22 am #646134
    Royce77

    Hi there, hoping you can help. The footer works great and resizes 3 out of my 4 columns correctly.

    I believe it has something to do with the email address on smaller screens. Please resize your browser to see the issue.

    Thanks!

    June 12, 2016 at 5:31 pm #646972
    Vinay

    Hey Royce77,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #footer p {  
    word-wrap: break-word;
}

    Best regards,
    Vinay

    June 12, 2016 at 6:52 pm #646997
    Royce77

    Thanks Vinay! Works perfectly.

    I have one other question, I used colour sections for all images and the video background on the site. The images work perfectly on the desktop site but are super zoomed on the mobile site. please go to http://www.victorygapyear.co.za/test to see what Id like the images to look like on the mobile site – I got that image to work well on mobile by using easy full width slider.

    Is there any way to make the images fit on mobile without replacing all colour sections with the full width slider?

    Thanks for the help.

    June 12, 2016 at 11:02 pm #647064
    Andy

    Hi,

    I checked link in question on mobile, but it looks totally fine to me. Could you fix it already?

    Best regards,
    Andy

    June 13, 2016 at 9:27 am #647237
    Royce77

    Hi Andy, I would like all images on – http://www.victorygapyear.co.za (used colour sections) to look like the image on http://www.victorygapyear.co.za/test (used full width easy slider) when using mobile site.

    Is there anyway to have the colour sections look the same as the full width easy slider on the mobile site without having to change all the colour sections to the easy slider.

    Thanks

    June 16, 2016 at 3:33 am #648930
    Ismael

    Hi,

    Is there anyway to have the colour sections look the same as the full width easy slider on the mobile site without having to change all the colour sections to the easy slider.

    I’m sorry but this is not possible because the images in the color section is set as background. And the background size property is set to cover to keep the images’ aspect ratio. http://www.w3schools.com/cssref/css3_pr_background-size.asp

    If you want you can apply a different background image for smaller screen sizes using css media queries. Add a unique Section ID to the color section then add the css modification in the Quick CSS field. Example:

    @media only screen and (max-width: 767px) {
#custom-section {
    background-image: url(IMAGE REPLACEMENT HERE) !important;
}
}

    Best regards,
    Ismael

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