Parallax White Window - by Renee - on WordPress WooCommerce support

This topic has 10 replies, 4 voices, and was last updated 9 years, 9 months ago ago by Stan Russell

  • Avatar: DoubleHapp
    Renee
    Participant
    May 12, 2016 at 07:14

    As I scroll down on the site there is like a white curtain that appears, like a parallax that covers the navigation at the top of the site. This also occurs on mobile and it covers content which is not good. Is there a way to get rid of this?

    Can you also please advise on how to attach screen grabs in these tickets so I can demonstrate things better.

    Thanks.

    9 Answers
    Avatar: stan
    Stan Russell
    Participant
    May 12, 2016 at 07:41

    Hello DoubleHapp,

    you may use any “screen grab” program you want, for example Lightshot ( https://app.prntscr.com )
    Just make a screenshot and paste its URL into your reply.

    Regards,
    Stan Russell.

    Avatar: DoubleHapp
    Renee
    Participant
    May 12, 2016 at 08:12

    I will look into the app.

    Any clues re the white curtain that appears when scrolling down?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 12, 2016 at 09:58

    Hello,

    Add this code in custom.css file:

    .fixed-header-area {
      top: -180px;
    }

    Also white background is shown because of your logo, it’s too big for mobile in the fixed header:
    http://storage1.static.itmages.com/i/16/0512/h_1463043373_3529818_b799a424ff.jpeg

    You may hide fixed header on mobile using this code in custom.css file:

    @media (max-width: 979px){
    .fixed-header {
      display: none:
    }}

    Best regards,
    Jack Richardson.

    Avatar: DoubleHapp
    Renee
    Participant
    May 12, 2016 at 11:08

    Thanks Jack. Ill add this and let you know.

    Avatar: stan
    Stan Russell
    Participant
    May 12, 2016 at 12:20

    Hello DoubleHapp,

    we will wait for your reply!

    Regards,
    Stan Russell.

    Avatar: DoubleHapp
    Renee
    Participant
    May 13, 2016 at 04:45

    Hello

    I’ve put the code in but the white curtain appears at the top with the menu navigation still appears. I don’t want this at all. Can it be removed? I understand this is deeper than usual due to my logo size, but I can’t change this fact, so can we disable it altogether?

    Thank you.

    Avatar: Eva
    Eva Kemp
    Participant
    May 13, 2016 at 10:09

    Hello,

    In this case disable fixed header in Theme Options > General > Fixed navigation > Off.

    Regards,
    Eva Kemp.

    Avatar: DoubleHapp
    Renee
    Participant
    May 15, 2016 at 06:55

    Hi Eva

    THANK YOU! This is the perfect answer!

    You can close this ticket now 🙂

    Avatar: stan
    Stan Russell
    Participant
    May 16, 2016 at 07:44

    Hello DoubleHapp,

    you are welcome!

    Regards,
    Stan Russell.

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Parallax White Window’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.