Return to previous page

Moving the Notification from Footer to Header

This topic has 2 replies, 2 voices, and was last updated 6 months, 1 weeks ago ago by Tony Rodriguez

Ishbak

Participant

June 13, 2024 at 11:03

Hi,

Kindly refer to the attachment. The notification you see is auto generated by woocommerce. It keeps showing below the footer, Is there a possibility from the theme to have this set up on the header instead?

Thanks

Files is visible for topic creator and
support staff only.

#399589 Copied Theme version: 9.3.11

1 Answer
Tony Rodriguez

Support staff

June 13, 2024 at 12:43
Hello, @Ishbak,

Thank you for contacting us and for using XStore.

We are pleased to assist you with displaying the store notice at the top of your page (Header). Please follow the steps below to add the necessary CSS code:

1. Navigate to Xstore > Theme Options > Theme Custom CSS > Global CSS.
2. Insert the following CSS code:
```
.woocommerce-store-notice {
  position: absolute !important;
  top: 0 !important;
}
```
You can preview the expected result by visiting this link: (https://paste.pics/edit/R5YCY)

We hope you find these instructions helpful. Should you require any further assistance or have any questions, please do not hesitate to contact us. We are here to support you.

Best regards,
The 8Theme Team
#399607 Copied
Tagged: customizing woocommerce, footer to header, header notification, notification movement, woocommerce notifications, wordpress customization, wordpress woocommerce templates
Viewing 2 results - 1 through 2 (of 2 total)