Okay
  Public Ticket #305105
parallax image white space when scrolling
Closed

Comments

  • Ammon started the conversation
    October 22, 2014 at 8:27pm

    I've noticed an issue with the parallax feature when it is used with an image on the first row of a page. As you scroll down the page a white gap appears at the bottom of the parallax image. The image I am using is large enough. If I turn parallax off the scrolling works fine and no gap appears while scrolling.

  •  9,333
    Tahir replied
    October 23, 2014 at 1:46pm

    Hey!

    Could you please provide the page url .

    Thanks

     Salient Support Team |  Say Hello!

  • Ammon replied
    October 23, 2014 at 8:48pm

    Here you go

    http://dev.alpinetest.org/home-page-2

  •  9,333
    Tahir replied
    October 24, 2014 at 1:08am

    Hey!

    Please see screenshot: http://prntscr.com/4z2a1v . Your js script is throwing a console error which is likely the reason of the gaps. Please resolve the issue. 

    Thanks 

     Salient Support Team |  Say Hello!

  • Ammon replied
    October 24, 2014 at 1:52am

    I've disabled the script and still get the gap. It only happens when it is the first row of the page and parallax is enabled. 

  •  9,333
    Tahir replied
    October 25, 2014 at 5:24pm

    Hey Ammon!

    Are you seeing the issue in just Chrome Browser or Firefox as well ? .

    Thanks 

     Salient Support Team |  Say Hello!

  • Ammon replied
    October 25, 2014 at 10:07pm

    Firefox,Safari and Chrome all produce the white gap.

  •  9,333
    Tahir replied
    October 28, 2014 at 5:22pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    .full-width-section.parallax_section .row-bg, .full-width-content.parallax_section .row-bg {
    margin-top: -150px !important;
}
    Thanks 

     Salient Support Team |  Say Hello!