Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 17, 2014 at 1:46 pm #224943
    musklick

    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

    February 17, 2014 at 9:12 pm #225088
    Yigit

    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

    February 19, 2014 at 10:13 am #226069
    musklick

    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

    February 19, 2014 at 2:10 pm #226170
    Yigit

    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

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