[Support request] Woocommerce Store Notice Above Top Bar

[varun]

Hi there,

Is there a way we can get the woocommerce store notice above the content of the site, so everything is pushed down below it?

At the moment it covers the site top bar and logo.

I have tried changing its position via css but no luck, think it may need some php?

[David]

Hi there,

try this CSS:

/* Desktop */
.woocommerce-demo-store {
    margin-top: 70px;
}

/* Mobile */
@media (max-width: 768px) {
    .woocommerce-demo-store {
        margin-top: 90px;
    }
}

Adjust the margin-top values to suit the height of your notice.

[Gerik]

Just curious, why isn’t it by default?

[David]

The demo notice has a fixed position, so it overlays the site header. Trying to move it can be a pain, so its easier to push the body tag down to fix that.

[Author]

Posts