Header
How to customize header in your store?
The header's appearance
Section settings
Page width
Boxed: With boxed width, page content can be displayed within the maximum width. The page width can be changed in Theme Settings > Layout.
Full width: With the "Full width" option, page content can be displayed in its entirety full-width. When you show content at full width, you can add padding to the left and right sides.
Enable Offset (left & right)
It will work if you select the "Full width" of the page. When you enable this option, the padding on the left and right sides will be removed.
Logo image
This main logo of your website
Custom logo width
Your logo can have a custom width. The range can be between 50 and 250 pixels.
Header design
Logo & menu in 1 line
Logo left
Logo center
Logo & menu in 2 lines
Logo left
Logo center
Border
You can enable/disable a border with the header
Hide on home page only
It works when enabled header design "Logo and menu in 2 lines"
Header design
Sticky Header
Enable
You can enable/disable the sticky header
Background color
There is an option to change the sticky header background color.
Text color
There is an option to change the sticky header text color.
Transparent Header
Enable
You can enable/disable the sticky header
Text color
There is an option to change the transparent header text color.
Background color on hover
There is an option to change the header background color on hover
Header option settings
Show account icon
You can show/hide account icon.
Show cart icon
You can show/hide the cart icon.
Show wishlist icon
You can show/hide the wishlist icon.
Show compare icon
You can show/hide the compare icon.
Search (Only applicable for Logo and menu in 2 lines header design)
Show icon
Show search box
hide
Color scheme
You can change color of header section.
Submenu color scheme
You can change color of the submenu.
WELCOME TEXT
This will apply when the menu bar is at the bottom and the logo is at the top left
Enable text
You can enable/disable it.
Text
This is the field to change the text.
Image
You can add an image for the welcome text icon.
SVG icon
You can change the using your own SVG code.
Menu position
Only applicable for Logo and menu in 2 lines header design.Also, if disable phone text then it will display perfectly.
Menu alignment
Left: You can align the menu's left menu.
Right: You can align the menu's right menu.
Center: You can align the menu's center menu.
Video Tutorials
Last updated