How Can I Configure Website Header Configuration?

Login to Backend 

To configure Header Configurations navigate to Stores ➤ Configuration ➤ Custom Header, you get the configurations related to the header. 

Custom Header

Color Variable 

> Header 

Header Top Background: Select the top background color of the header from the color picker. 

Header Middle Background: Select the middle background color of the header from the color picker. 

Header Text Color: Select the header’s text color from the color picker. 

> Header Settings 

Enable Sticky Header: Select “Yes” to enable the sticky header. 

Show Contact Us Page In Menu: Select “Yes” to display the Contact Us page in the menu. 

Store Location Page: Select the page you want to display for Store Location.

Order Status Page: Select the page you want to display for the Order Status Page. 

About Us Page: Select the page you want to display for the About Us Page. 

Responsive Logo: Upload the responsive image you want to display as the logo. 

  • Delete Image: Select this option and Save the configuration to delete the uploaded responsive image. 

Show Breadcrumb: Select Yes to display the breadcrumb at the header. 

Breadcrumb Background Image: Upload the image you want to display as the logo. 

  • Delete Image: Select this option and Save the configuration to delete the background image.   

After all the configurations, click on the Save Config button. 

Related Articles