Sticky problem with xstore - by gdd - on WordPress WooCommerce support

This topic has 8 replies, 4 voices, and was last updated 4 years, 9 months ago ago by Olga Barlow

  • Avatar: gdd
    gdd
    Participant
    August 13, 2020 at 23:12

    Sticky was working fine until I removed the promo bar at the header-top section, leaving the header-top empty, and using only header-main and header-bottom with items in it.

    What ends up happening is that when you scroll down, sticky-on class appears as expected on header-main and bottom. But when scrolling up, header-top sticky-on disappears as expected, but header-bottom sticky-on stays in place.

    The only fix is if I put something in the header-top then everything works. This has happened on my dev site as well as 3 fresh installs (one on a completely different server).

    EDIT: Forgot to mention that it seemed to only be happening on Chrome. Safari was fine.

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: John Holden
    John Holden
    Participant
    August 14, 2020 at 04:56

    Hi,

    Please provide temporary wp-admin and FTP access.

    Regards,
    Hung PD

    Avatar: gdd
    gdd
    Participant
    August 14, 2020 at 16:02

    Login sent in private.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 15, 2020 at 09:36

    Hello,

    I’ve tried to delete the Promo element and checked how the sticky header works when the Top header area is empty, nut your problem is a bit unclear for me. Please describe in more detail what exactly is wrong and how it should be. Provide screenshots for better understanding. Thanks in advance.
    Lightshot Screenshot tool https://app.prntscr.com/en/index.html makes screenshots and generates links then you can provide links of screenshots here.

    Regards

    Avatar: gdd
    gdd
    Participant
    August 15, 2020 at 19:24

    Looks like it stopped doing it on this (but still doing this on the site in what will be the live server. So I deleted my theme from the folder, and installed the xstore default child theme and it is doing it again, I cleared server cache and checked this on a separate laptop that had never touched the site. Only happens in chrome. Fine in safari, haven’t tested in firefox.

    You can log back in using the creds in the private section and check header builder.

    Start at the top of the page, notice “Sticky” circled:

    https://prnt.sc/u05neu

    I scroll down a bit, notice “Sticky-on”…so far so good:

    https://prnt.sc/u05oh1

    Scroll back to top, and notice “Sticky-on” disappears from header-main, but remains on header-bottom.

    https://prnt.sc/u05p78

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    August 17, 2020 at 15:10

    Hello,

    I have checked the header and Sticky header and don’t see any issue with the classes https://gyazo.com/4166eef2666931f4b400264892a3fad6
    On is enabled only once you scroll down. Once you are at very top position there is not on in classes.

    Regards

    Avatar: gdd
    gdd
    Participant
    August 17, 2020 at 17:21

    What version Chrome is that? I’m on Version 84.0.4147.125 (Official Build) (64-bit), the other mac is same, except 105 instead of 125. I tested again on 2 other macs (incognito, and 1 computer had never been on this site) and it’s still doing it. I even just now tested it on a windows 10 computer on chrome and same thing. This windows 10 is someone else’s and not logged in to my own google username.

    While I understand you guys cannot replicate from your machines, I’m at a loss at fixing this as I have tested it now on 3 macs and 1 windows, all 4 machines were not logged on to the same google chrome login, so there is no cache issue, and I have cleared cache at the CDN level multiple times. I was hopefully it was just me and my machine, but after testing in multiple machines it is clearly not isolated. See Private content to see what I’m seeing,

    There are no console errors. I have found a fix that is not ideal but it works (I add an html block on its own in the header-top and leave it empty and adjust the div height to 1px.). The issue isn’t resolved for me, but since I have that fix and we are launching tonight, I’m ok to leave it be. I appreciate the responses! Thanks!

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    August 17, 2020 at 18:15

    Hello,

    That’s strange but we are able to check the issue only in incognito mode.
    Could you, please, provide us with FTP access to your site? Also, please install CloudFlare plugin http://prntscr.com/u14c9x and log in to your CDN account to allow us to flush the cache when we need this.

    Regards

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

The issue related to '‘Sticky problem with xstore’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

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