How to set up the Header section of the home page?

Video Link : https://youtu.be/p1JBTcLcwcU

Go to "My store".Navigate to "Templates".

• Click on "Customize".

• Select the home page. Then click on "Header".

Logo Image

You can add your logo image that represents your brand among your customers.

• Click on "Change".

• Click on "Upload new".

• The image will appear in the "Upload New section.
• Now select the image as shown below and click on "Done".

Logo Alignment

Left: The logo is positioned flush with the left edge of the container. 

Center: The logo is positioned in the center of the container horizontally.

• You can select one option at a time as you want.

Logo Width

Horizontal measurement of a logo, indicating how wide or long it appears.

• Use the slider to increase/decrease the logo width.

Header Spacing

Amount of vertical space between the top of a webpage and its header content, such as a title, logo, or navigation menu. 

• Use the slider to increase/decrease the logo width.

Background Color

Color or shade is used as the backdrop for the entire webpage or specific sections of it.

Text Color

Color of the characters or letters used to display written content on a webpage 

• Select the color box as shown in the below pictures

• Use the slider bar to increase/decrease the intensity of the color.

Navigation

• You can select the menus created on the admin panel to display on the header section.

Announcement Bar

 A narrow horizontal section is placed at the top of a webpage to display important messages, announcements, or alerts.

Announcement Colors

You can choose the bar color and the announcement text color by clicking on the color box you see in the image below.

Bar Spacing

Amount of vertical space between the announcement bar and the other elements on a webpage.

• Use the slider to increase/decrease the bar spacing.

• Click on the "Save" button to apply your header settings.