ShopWell allows you to override the header for specific pages such as the Blog, 404 Page, Help Center, and individual Pages. This feature is useful when you want to display a different logo, menu, or header layout for certain sections of your website.
Blog Page: #
To customize the header for the Blog page, follow these steps:
- Navigate to Appearance > Customize > Blog > Prebuilt Header.
- Under Prebuilt Header Blog, select the desired header layout.
- Choose a Primary Menu from the dropdown.
- Optionally, toggle the following settings:
- Hide Topbar – Enable this to remove the topbar.
- Hide Campaign Bar – Enable this to remove the campaign bar.
- Hide Header Main – Enable this to hide the main header.
- Customize the Logo Type:
- Default
- Image
- Text
- SVG
- Adjust the Logo Width and Logo Height using the sliders.
Normal Page: #
To change the header for a standard page:
- Go to Appearance > Customize > Page > Prebuilt Header.
- Under Prebuilt Header, select a header layout for your page.
- Choose a Primary Menu from the dropdown.
- Enable or disable the following options:
- Hide Topbar – Removes the topbar.
- Hide Campaign Bar – Hides the campaign bar.
- Customize the Logo Type (Default, Image, Text, or SVG).
- Adjust Logo Width and Logo Height.
404 Page: #
To change the header for the 404 error page:
- Navigate to Appearance > Customize > Page > 404 Page.
- Choose between Layout 1 or Layout 2.
- Under Prebuilt Header Page, select a predefined header layout.
- Select a Primary Menu.
- Toggle options to:
- Hide Topbar – Hides the topbar.
- Hide Campaign Bar – Hides the campaign bar.
- Choose a Logo Type (Default, Image, Text, or SVG).
- Adjust Logo Width and Logo Height.
- Set a Prebuilt Footer if required.
Help Center Page: #
To change the header for the Help Center page:
- Go to Appearance > Customize > Help Center > Header Layout.
- Under Prebuilt Header, select a header layout.
- Choose a Primary Menu.
- Set the Logo Type (Default, Image, Text, or SVG).
- Adjust Logo Width and Logo Height.
