Woocommerce store notice not working

Hello

I have activated the Woocommerce store notice, but doesn’t work

Thanks

Hello,

I have test your site and your store notice is clearly shown at my end you can check the below screenshot: https://jmp.sh/muu0vIx

You need to clear your cache.

Best Regards.

Quiero mostrarlo en la parte superior, como la posición predeterminada

Sorry. I want to show that notice at the top, as default woocommerce position

Hello,

There is no such option currently to display the store notice at the top of screen but you can display the notice as fixed so it always shown and user do not have to scroll to the footer.

To do this use the below CSS code in Theme Settings >> Custom CSS >> Global Custom CSS:

.woocommerce-store-notice {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 341;
  margin: 0;
  padding: 12px 60px;
  color: #FFF;
  text-align: center;
  font-weight: 600;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
    background-color: rgba(157, 98, 252, 0.89);
}
  .woocommerce-store-notice .woocommerce-store-notice__dismiss-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    background-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
    font-size: 0;
    transition: background-color .25s ease; 
}
    .woocommerce-store-notice .woocommerce-store-notice__dismiss-link:after {
      font-weight: 600;
      font-size: 14px;
      content: "\f10f";
      font-family: "woodmart-font";
 }
    .woocommerce-store-notice .woocommerce-store-notice__dismiss-link:hover {
      background-color: rgba(0, 0, 0, 0.2); 
}

Result: https://jmp.sh/cBi3wp5

Best Regards.

[Author]

Posts