Sydney Header bug on Firefox/Chrome

  • Resolved kinectech

    (@kinectech)


    6 years, 6 months ago

    The parallax feature seems to not work well on firefox and chrome with the home page. When you scroll up/down, a bunch of white space forms between the page content and the header. Currently, this bug doesn’t appear on chrome.

    Any idea on how to fix this?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author athemes

    (@athemes)

    Hi,

    Are you using the latest version of Sydney, 1.52?

    Thread Starter kinectech

    (@kinectech)

    Yes, I’m currently using the latest version.

    Hello there,

    Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
@media only screen and (min-width: 1025px) {
  @-moz-document url-prefix() {
    .header-slider .slides-control {
      height: -moz-calc(100vh + 190px) !important;
    }
  }
}

    Clear any applied cache before reloading your site to check the result.

    Regards,
    Kharis

    Thread Starter kinectech

    (@kinectech)

    I tried the css, and it fixed the white space issue (Mostly, except its still there, just much less prominent, but acceptable), but the parallax effect is still unusual looking.

    Also, the code only worked when I removed the -moz part. Otherwise, it had no effect. (Yes, both the website and local caches were cleared first)

    Thank you though, although it would also be nice to fix the unusual parallax effect.

    Thank you again!

    Hello there,

    I found each web browser has different way rendering parallaxed background image. At this time that’s the closest code we can use to address inconsistent background movement issue on Firefox.

    Regards,
    Kharis

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sydney Header bug on Firefox/Chrome’ is closed to new replies.

Tags