Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 30, 2014 at 2:30 pm #245108
    bersgard

    Hi,
    Loving the theme, and nearly there! However I’m having a problem with parallax backgrounds on colour sections – bottom of the page here: http://paramoreproductions.co.uk/about-us/
    The image is set to ‘stretch to fit’ but is pushing down to reveal the default alternate content background (which is the same image, set to ‘fixed’ in the styling menu). If I resize the browser window, it snaps into action and behaves correctly. It seems to be working fine on the homepage, perhaps because it is a shorter page?
    Also I understand the parallax effect doesn’t function on iOS devices, but that it should resort to ‘fixed’ behaviour, which I would be happy with. However on my page here – http://paramoreproductions.co.uk/paramore-weddings/ – it’s defaulting to ‘scroll’. I’ve seen it working on the Enfold demo here – http://kriesi.at/themedemo/?theme=enfold – any idea why it’s not working for me? It also doesn’t appear to work in IE11 – is this to be expected?
    Many thanks in advance,
    Tom

    April 1, 2014 at 8:19 pm #246233
    Yigit

    Hi Tom!

    Please add following code to Quick CSS in Enfold theme options under Styling tab
    1-

    #av_section_1.alternate_color {
background: none!important;
}

    2-

    @media only screen and (max-width: 767px) { 
#av_section_4 > div.av-parallax.avia-full-stretch, #av_section_2 > div.av-parallax.avia-full-stretch, #av_section_6 > div.av-parallax.avia-full-stretch, #av_section_8 > div.av-parallax.avia-full-stretch, #av_section_10 > div.av-parallax.avia-full-stretch { background-attachment: fixed!important; -webkit-transform: none !important; background-position: center center !important; }}

    Best regards,
    Yigit

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