On our Storefront demo, you may have noticed the black bar beneath the navigation that includes informational text. This is possible by adding basic HTML to a text widget placed in the Header widget region.
To recreate, add a text widget to your Header widget region and insert the following code:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div style="text-align: center; background: #000; color: #fff; padding: .53em; font-weight: bold;"> | |
| <span style="margin: 0 1em;">Check out our new Jackets!</span> | |
| <span style="margin: 0 1em;">Get 25% off your first order!</span> | |
| <span style="margin: 0 1em;">Free shipping on all orders over $100!</span> | |
| </div> |
This can be tweaked to suit your needs.
Note: This is a Developer level doc. If you are unfamiliar with code/templates and resolving potential conflicts, select a WooExpert or Developer for assistance. We are unable to provide support for customizations under our Support Policy.