How To Create And Add Custom Header In Shopify | Customize Header

In this tutorial i will show you how to create and add custom header in Shopify and customize the header for your Shopify store easily to make it look professional and branded.
If you’re a Shopify store owner, chances are that you already know about the importance of customizing your store, one way to do this is by adding custom headers in your Shopify store because custom headers can help make your store stand out from competition and give customers an easy-to-navigate experience while browsing through products or services offered on the store.
Custom headers or customizing the default header provides a unique look and feel for each page within the store, which helps create brand recognition with visitors who may have never visited before.
They also allow customers to quickly identify where they need to go next when navigating around different pages on your Shopify store, making it easier for them to find what they’re looking for without having any confusion or frustration along their journey.
Additionally, adding custom header images can be used as promotional tools such as highlighting special offers or new product lines being introduced into stores would be much more effective with an eye-catching image than just plain text alone, Thats why its important now to know how to create or add custom header in Shopify.

About me:
My name is Anas El Medlaoui and i have been around digitally for 8 years making Websites, Mobile Applications, Social Media Promotions, E-commerce etc...
And i have accumulated some experience in multiple fields over the years jumping from project to project (Which wasn't a good idea), I started this Youtube channel after a year of hesitation to share my knowledge and experience with people that are willing to succeed online with the theory of knowledge for everyone.

#custom #header #shopify

[OnHOWGuy]

🛑🛑ATTENTION !! For everyone who's having the issue of banner heading and button not showing up on Mobile.
Get back to section background-video.liquid that we did create then scroll down to the line 439 right before </style> remove the code below :
.videoBoxInfoTitle, .videoBackground .videoBoxInfoBtn { display: none; }
After that click on Save and get back to this video and HIT THAT LIKE BUTTON.
Cheers

[Handyloot]

Man unfortunately it doesn't work.I put the code, no error displayed, everthing looked good.But when i went to customize my shop and came looking for that background video section, it just didn't show up. Could you tell whats the problem fam ?

[Blissfulloveandconversations]

4 mins into this video I found the answer to exactly what I needed! Took me 3 hrs and 1000s of videos later. Thank you!

[visar]

Great job this video helped me a lot especially with main menu thanks bro keep doing good stuff 👍

[MAJORFLARE]

I follow all your videos! You saved me hours of work, wonderfully done!🌟

[MAJORFLARE]

YOU ARE SO AMAZING FOR HELPING US WITH THIS!🌟🌟🌟🌟

[RoopdevRamgolam]

Hey buddy, i wanna ask how can i adjust the same setting and coding for the mobile view?
The reason being is the text are appearing below the video background on mobile and even if i put a button label, it does not show on the mobile view.
If you can help me, that will be a great help brother !
Thanks in advance buddy !

[Design.]

I’m so happy I ran into your channel. You’ve helped me so much. Thank you! 🙏🏾

[mamoudkoroma]

Not finding the link for the code in your description...man I like that video for my home page.

[m_shakes]

Amazing! Keep up the good work brother! Liked and subscribed!

[battledroid]

Thanks man your channel is very helpful keep it up boss !

[PathshalaDigitalAcademy]

Thanks for this video.Can you make a video on 'how to add brand Slider on shopify' with css

[chrisvanwalsum]

great vide0! Unfortunately, this doesnt seem to work for the mobile version:(

[Shopcartmax]

this code is not working section 3 keeps stating you can not include locks in preset can anyone help me out

[abbasibrahim]

Hi Anas, thank you for the informative video, pls tell me how we can reduce video size on desktop as it takes the whole screen.

[ChiefyRock]

odd, i don't get that menu when it comes to header on our page. I dont get any of those options. its why im here, all the rest of the info is super helpful as well. I also navigation section, my main menu page doesn't look like this at all either. Maybe being in Canada ?

[krystalminton]

Does this work for static images too? I am just tired of the boring white background in the header

[PurpantDeutschland]

I want the Video Background ONLY ON THE LANDING PAGE. HOW CAN I DO IT? WIT THIS CODE IT SHOWS THE VIDEO EVEN ON THE PRODUCT PAGE WITH THE BUTTON.

[DINIQUEVAN]

Hi! text color on the banner won't show up as in your video. How can I fix this? Everything else is working great besides header customization .... Please help

[renae]

is there a way to change one of the navigation categories colour/font or even to a picture. Example "catagories" to a different font and colour?