Skip to main content
How to Customize the Header?

Learn how to customize the logo, navigation menu, drawer menu and contact information.

Diane Eunice Narciso avatar
Written by Diane Eunice Narciso
Updated over a week ago

How to Customize the Header?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Scroll down to the Header group; all header settings will be located here.


How to Add Your Brand's Logo?

STEP 1

Click the Header to upload your logo.

STEP 2

Here you can upload the following logos:

  • Default brand logo

  • Inverted brand logo

  • Default mobile logo

  • Mobile logo

STEP 3

Let's upload the default logo:

  • Click 'Select Image' and then select the image from this library.

  • Select "Add images" from your PC and upload your logo if it is not already in the image library.

  • Click 'Done' if your logo is already in the image library.

Then, repeat the process of uploading your inverted logo, mobile logo, and mobile inverted logo.

STEP 5

Click Save to apply the changes.


How to Adjust The Size of Your Brand Logo?

STEP 1

Navigate to the header section.

STEP 2

Locate logo size, and adjust the width of your logo for the desktop and mobile.


How to Add a Back to Homepage Link on the Logo?

To add a link that redirects customers to the homepage when they click on the logo, follow these steps:

STEP1

Navigate to the header section.

STEP 2

Locate the Enable logo link option and tick the checkbox next to Enable logo link.


How to Preview How Your Logo Looks?

STEP 1

Inside the theme editor, look for the preview options in the top right corner of the screen.

STEP 2

Click on the preview options to switch between desktop and mobile views. This allows you to see how your logo appears on both types of devices, ensuring consistency across different screen sizes.


How to Reposition The Header?

To change the position of the header elements, follow these steps:

STEP 1

Navigate to the header section.

STEP 2

Locate the dropdown labeled Type and select the desired position from the dropdown menu:

  • Hidden

  • Left

  • Right

  • Center


How to Customize Navigation Menu in Debutify Themes?

How To Add a Menu Item?

STEP 1

  • Go to your Shopify admin dashboard.

  • Proceed to your Online store.

  • Click Navigation.

STEP 2

Go to Menus, and click Add Menu on the right side.

STEP 3

Add a name for the menu title. Then, add menu items to this menu by clicking Add menu item.

STEP 4

  • Add the name of the menu item.

  • Click the Search or paste a link area.

  • Select a link type or enter the address of an external website.

  • Homepage: The main page of your internet store

  • Search: The search page for your online store

  • Collections: a single collection, or all of them

  • Products: a particular product or all of them

  • Pages: a page within your virtual store

  • Blogs: Include a blog in your web store.

  • Blog posts: a blog post on your website.

  • Policies: one of your guidelines

  • Use the format mailto:youremail@example.com in the Search or paste a link field to generate an email link.

STEP 6

To add your menu item, click Add.

STEP 7

Click the Save menu button to save any changes.


How to Edit a Menu Item?

STEP 1

  • Go to your Shopify admin dashboard.

  • Proceed to your Online store.

  • Click Navigation.

STEP 2

To access the item, click its name on the menu.

STEP 3

Click Edit next to the item's name in the Menu items section.

STEP 4

Make any necessary adjustments:

  • Enter text in the Name area to modify the menu item's name.

  • Click the x next to the link field and enter or choose a new destination to modify the menu item's destination.

STEP 5

Click "Apply changes."

STEP 6

Either select Save or Save menu.


How to Change a Display Order of Menu Items?

STEP 1

  • Go to your Shopify admin dashboard.

  • Proceed to your Online store.

  • Click Navigation.

STEP 2

Choose the menu of the item that you want to reorder.

STEP 3

Click the handle icon then hold it to drag it to another position.

STEP 4

Don't forget to save it.


How to Remove Menu Item?

STEP 1

  • Go to your Shopify admin dashboard.

  • Proceed to your Online store.

  • Click Navigation.

STEP 2

Delete the item that you desire to remove.

STEP 3

By confirming it, click Remove.

STEP 4

Click the Save menu.


How to Customize Your Drawer Menu?

STEP 1

  • Go to your Shopify admin dashboard.

  • Proceed to your Theme Library.

  • Open your theme customizer.

STEP 2

  • Go to Sections > Header group.

  • Click Drawer Menu.

STEP 3

Customize your drawer menu, tick the following to enable:

  • Toggle submenu on links

  • Show email address

  • Show phone number

  • Show social medias

  • Show menu icon

STEP 4

  • Add a heading to identify the name of the drawer menu.

  • Select or change the primary menu and secondary menu.

If you haven't created a menu yet, check out this guide: How to Customize Navigation Menu in Debutify Themes?

STEP 5

Click Save to apply the changes.


How to Customize Contact Information?

STEP 1

  • Go to your Shopify admin dashboard.

  • Click Settings.

  • Go to General > Store details.

STEP 2

Edit the following:

  • Store name - This name appears on your website.

  • Store phone - Your customers can reach you at this number.

  • Store email - This email will receive messages about your store.

STEP 3

Go to the billing address, and fill up the correct business information.

STEP 4
Don't forget to Save any changes made.


What Are The Next Steps?

Did this answer your question?