Hidden empty cart causes jump of alignment on load

  • Resolved donmcleman

    (@donmcleman)


    5 years, 1 month ago

    Hi, I have clicked the option to hide the cart when empty. However when the page loads the menu momentarily shows the space that the cart would take up then moves across to fill this space.

    As you might expect, if I set the cart to be visible even when empty then the menu doesn’t jump.

    Is this how you expect it to work? Or is there a way I can prevent it?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Ewout

    (@pomegranate)

    That is not expected or intended behavior, and I think this may be a conflict with your theme styles. Would it be possible for you to link to the site where we can see this ourselves to see if it’s something we can fix?

    Thread Starter donmcleman

    (@donmcleman)

    Thanks for getting back so quick.

    It’s in a staging environment: https://staging6.donaldmcleman.co.uk/

    How do I send you a password privately?

    Thread Starter donmcleman

    (@donmcleman)

    The cart is in the top right corner.

    Plugin Contributor Ewout

    (@pomegranate)

    Got it! I don’t need a password, this is all frontend/css.

    It looks like this is a combination of caching (and the scripts we use to deal with that) and your theme styles.

    The most simple solution is adding this CSS to your site:

    
.wpmenucartli { padding: 0 !important; }
    Thread Starter donmcleman

    (@donmcleman)

    Thank you! That was a very quick result.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hidden empty cart causes jump of alignment on load’ is closed to new replies.