In this article, we'll explain how to use the responsive header option.
Open the website in site setting mode.
Navigate to the header >> responsive
Change the header skin and the logo skin:
There you can change the header skin and choose between "dark skin" and "light skin"
Also, you can change the logo skin and choose between "dark" and "light" options.
*You need to set the dark logo and the light logo from sie setting >> branding
There is a "Sticky Header" option.
By activating it, the sticky header will be activated on responsive devices.
For changing the color of the responsive header, activate the "Custom Background" option.
Then you can see the below options:
Background Color:
Change the background color of the responsive header.
Icon Color:
Change the color of the menu icon.
Change the background color of the responsive menu.
Change the color of the menu items.
Separator Color:
change the color of the separator line between the menu items.