Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #224943

    Hi, I’ve put a Color Section at the top of my page and the background image doesn’t show on the iPhone. I’ve tried replacing it and now it doesn’t show in Firefox on a Mac either. Safari and Chrome looks fine. I’ve emptied the cache. I tried moving the Color Section to the bottom of the page and then it showed, when I moved it back up it disappeared again.

    http://www.oakandinch.se/en/

    Hope you can help.

    Best regards /Michael

    #225088

    Hi musklick!

    Please edit Color Section element and change “Background Image Position” from bottom center to top center and it should solve the issue

    Cheers!
    Yigit

    #226069

    Thanks Yigit, that worked. Is there a way to give the Color Section a shorter height on the mobile screen? Now the height is set by a Horizontal ruler with whitespace of 300 px (otherwise the image didn’t show and I want the fixed effect, that’s why I’m not using a fullscreen slider as I’ve tried on the swedish version http://www.oakandinch.se ) but that’s a bit much on the iphone. Is there a better way to achieve this and get the height a little responsive at the same time?

    Thanks
    /Michael

    #226170

    Hejsan!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    @media only screen and (max-width: 480px) { 
    #av_section_1 .hr { 
    height: 100px!important; }}

    Cheers!
    Yigit

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