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

[@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 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

[@princeojha5460]

I have followed all the steps but still headings on the video and button comes under the video in mobile views please help me...

[@AlexisLozada]

@@princeojha5460 After a long time, I found a solution, you must remove code line 423, you must remove "position: relative;"

[@Toast_w_Cheese]

where can I find your video about those product variants in circle under the product image?

[@olabodegabriel3789]

code you promise I can't find it thank you

[@olabodegabriel3789]

the code you promise I can't find it, can you help me with me?? thank you

[@Design909.]

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

[@MAJORFLARE]

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

[@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!

[@TheExPharmacist]

Working Great. Thank you.

[@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 !

[@NoelMendiola]

I need this too! I don't like how it's below the video on mobile.

[@RoopdevRamgolam]

For me, its not even appearing

[@jcsetups]

This helped so much. Thank you!!

[@OnHOWGuy]

You're so welcome, glad i could help. Cheers

[@gigglegrove_riddles]

Hey Anas El Medlaoui! Thanks for the video. I've followed the steps on your video, but it appears that the "video slide" Shopify interface will only let me upload an "image" file NOT a video file. Do you know how I can fix this? Your help would be SUPER appreciated!

[@JanisGagliardi]

do i need code to add the section you have for the dropdowns>?

[@tytxsd4674]

I have a question, whenever I try to add video via the link it does not show up, is there any particular reason for that?

[@investintoyourself]

Great content brother! I'm so glad I found you!

[@Geertdms]

Thanks for your content man, your vids help a great deal. Was wondering - Is this still up to date? I noticed background video doesn't show up in my interface rn. Just video but that's with YT interface. Via Liquid it's possible to have uninterupted video w/o controls but that doesn't allow for heading/buttons.

[@battledroid321]

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

[@vessel_retreats]

Hey! This is so great! It is working but with a few issues... the button will not appear on desktop or mobile. The text falls off the video on mobile. the very first second when I load my website there is the white background before the video appears. Any help? Love your page!!!!

[@visar1995]

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

[@mizotv1001]

kayn asat keep going

[@OnHOWGuy]

Thanks brother, no worries i will. Cheers

[@wilsongonzalez141]

Great video only issue is that banner button and heading are still not showing on mobile after deleting the code!!! how can i fix this

[@JolineWu-s2g]

Hi! thanks for sharing. How to adjust the banner video to present 1920x600?

[@OnHOWGuy]

You're very welcome, i think there is the section on the code where to adjust the size but you have to adjust the padding as well because it will have an empty space below. I have an update on the way for this video and i will include many feature including that one. Cheers

[@CienWill]

this is f**king gold. amazing content, good job man! subscribed

[@OnHOWGuy]

Thank you, i appreciate that. Welcome to the family, if you have any questions feel free to ask. Cheers

[@Mazharkhan-sw5tw]

Thanks alots bro it's good work keep it up

[@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 ?

[@EventStream]

Yep, same for me. This method is not working.

[@wanderlast-u7c]

just subscribed amazing content

[@m_shakes]

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

[@TuneCloud_A.I]

Yes but you didnt told us how do we set the size for the video ? I had a video in banner landscape size and i can not adjust the size

[@Under_The_Stars_777]

My hero doesn't wear cape, he knows basic configurations on Shopify and I don't LOL

[@OnHOWGuy]

Haha not all heroes wear caps

[@pelletteriepinaercolano2395]

Thank you so much it works 🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳

[@SuLemaNKhaN-i7h]

HOW CAN YOU CHANGE CUSTOME THEME LOGO POSITION

[@amirjonrahmatov9184]

Hey, hope you are doing well. I had a question. Is it possible to move the text on the video?

[@OnHOWGuy]

Hey, thank you im doing good. I have an update for this video coming and i will include that. Cheers

[@JanisGagliardi]

how do i add another section for the dropdowns?

[@SneakerHead-z9j]

Sir can you help me with changing the video" video slide" box in to transperent and also how to change the sizes of the video and image please 😢

[@brunourils8212]

Hi, I pasted the code you provided and deleted the section you mentioned below in the comments, but there is still an issue with the button not showing up properly in the mobile section. Would you be able to help me with that? Thanks

[@shawn_carlsen8014]

has he answered this same question in any cases, if yes. where can i find it?

[@fullmetalkings]

installed the code - theres a white gap below the video in mobile view - is there a way to fix this?

[@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

[@krystalminton8799]

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

[@bebejrecipe8149]

Thank you! Mine also showed "Sales" not the percentage. Could you please help

[@OnHOWGuy]

You're very welcome, i already made a video on how to show discount percentage instead of sale badge and its on my channel. Cheers

[@JamalWynn-w7u]

If "the needle in the haystack" was a person! OMG thank you!

[@OnHOWGuy]

Haha thank you and you're very welcome. Cheers

[@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.

[@OnHOWGuy]

I replied to your comment just now. Cheers

[@damianmartinez5743]

This video was great!

[@coloringwithhaya3423]

i want the the shop now button on banner image on mobile to be at the bottom of the page. can you please help me how can i do that ?

[@PathshalaDigitalAcademy]

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

[@abbasibrahim8506]

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.

[@saladmuxyidiin1681]

That’s really amazing 😻

[@OnHOWGuy]

Glad you think so. Cheers

[@jackkirby1389]

My header and description is going below the image, how do I get it to go ontop? Awesome video, thank you so much!!

[@jackkirby1389]

NVM it just looks off in Custom editor

[@renae2863]

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?

[@Lysergicme]

Just did this one my page, it looks awesome but the heading font doesnt reflect the theme's font, anyway we can fix that Anas?

[@OnHOWGuy]

Glad i could help, you might want to change the store font then, i already made a video on how to add custom font to Shopify store. Cheers

[@travisbullock4457]

One more question - how can I make the announcement header scroll text, or rotate text for a couple options?

[@ZakariaKhaldi]

Okay Bro let me ask you some question: - How can I add custom logo for every collection for example when I go to men collection I will find a logo with "Men" word (Of course I will make that logo) and when I go to women collections I'll see the logo with "women" word...I mean how to make a custom header for each page with a custom logo for each page. and Thank You.

[@georgipavlov1915]

Hello mate, please tell me how to make fixed header, because when I'm scrolling all menus scrolling too?

[@OnHOWGuy]

Hey, disable it from the theme customizer by clicking on the header and un-toggle sticky header. Cheers

[@S_vlogs931]

How do i add all products page when i click at the main submenu in the header?

[@OnHOWGuy]

Add it from the navigation setting on Shopify dashboard. Cheers

[@Racklady]

How can I get video ends with. MP4 link please answer it

[@NitinSingh-il5rv]

looking for the same, update me if you get something

[@SoulsoflightPodcast]

Hello Anas, I dont have a Video backround section appearing on my Shopify Customization. Is this normal?

[@ibrahimdevpel4481]

How to apply a reveal effect on banner image on dawn theme with code?

[@AyeshaMehand]

help me brother. when i add the section of background videos ... it says, it contains illegal characters....what should i do?

[@Arik-IT]

bro i need conditional header images on different pages. please any video.

[@Resourcia88]

omg thank you

[@mommabearsquilts]

Do I follow this same procedure if I only want a photo added to my header rather than a video?

[@everythingTaniaconna]

Thank you but my header has only the hamburger menu and my icon. How can i get the menu in a list form like you have

[@thesmallfarmerlife]

Hi, where did you upload the video to get the MP4 link ...? Sorry forgot you don't answer your comments even though you say your here to help, which you obviously are not..? So why say it. I answer all my comments

[@Shopcartmax]

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

[@shreyakothari3545]

Need help reducing the padding between logo / header and an image banner for the Ride Theme (shopify)

[@OnHOWGuy]

You mean you want to make the header little bit bigger ?

[@shreyakothari3545]

@@OnHOWGuy no there's too much space between both sections, if i reduce the logo the spacing changes but i need the logo to be big

[@OnHOWGuy]

@@shreyakothari3545 Try this code at the bottom of base.css pastebin.com/7FiiLjW7 Cheers

[@bayerthemoneymaker]

LOVE YOU DADDY MUAH 😘

[@SameRaina]

I would like to have a different header menu (kids-menu) on one page (kids-page). I want (main-menu) everywhere else. How do I do this and where do I put the code?

[@LebogangNkosi-c9j]

I wanna use gempages and add header for my design please help with that

[@LebogangNkosi-c9j]

for my home page

[@EventStream]

How do I keep the announcement header visible while keeping the header transparent?

[@krounkdancestudio7540]

Hey awesome video. Just a quick question. I have an image for my banner but the image does not go all the way up to the top of the page. Is there any way I can make my image go all the way to the top, and also underneath the menu bar? Thanks

[@kristinakock8888]

I need to know the same, figured out how to get it done for the main page but then it doesnt look good on any other page nor product page etc (menu bar text overlays the main text on each page)

[@sofigarcia4099]

I been looking through a lot of videos because I also want to do this. If you guys know please let me know. Thanksss

[@Racklady]

Really super

[@mamoudkoroma3562]

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

[@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 ?

[@Vishnusrinivas-y9t]

Hi brother, Followed all the steps but unable to find VIDEO BACKGROUND option in the customisation

[@chrisvanwalsum9056]

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

[@mamoudkoroma3562]

Am not finding the link...to name liquid banner section

[@Makrvid]

How Do I add the video if I have Exported it from Capcut

[@stefanderuiter3049]

What link is that video??

[@ZERO_GeeTUBE]

i deleted the code and pasted your code and saved it. went to themes and customise, added section and there is no video background option. there is a video section but thats it 😒 it doesnt say view more on mine it just scrolls down but definately no video background section.. what shall i do?

[@shawn_carlsen8014]

click add section, therefore search video background. it will popup

[@Handyloot]

@@shawn_carlsen8014 No it won't. This is because of the new update. This code doesn't match with the update.

[@JayTheDon_]

Is there a way to change the location of the header and its buttons? I want to add it to the center of my home page, and have the name of the website above the buttons

[@rokbrus2245]

Can you help its dont work on 15.1

[@Mrspaidandpoplar]

Love your content but I'm struggling with image size and video size

[@zionramos18]

Hey does somebody know how to customize the video banner so the full video fits in?

[@Builtfromscratch__]

how do I go about editing the store name in the header

[@haastrupaderonke6107]

Where can i video like this?

[@veergamers7826]

I am getting an problem it showing that invalid preset { en. = video backgroun } cannot include block in preset beacuse they are no block defined

[@veergamers7826]

@onhow

[@shapleyTeam]

hey boss can please make a video about how to add email to product page header thanks

[@christianstudier711]

Why does my not work when I sit in my link do I have to connect it to KZbin like upload it and then I copy the link and sit it in? and by the way great job man love the videos

[@OnHOWGuy]

Sorry, I couldn't understand what you are trying to say. Can you elaborate ! Thanks, i appreciate that.

[@ACKGamingGod]

Hey your link is not loading for me mind writing it in the description ?

[@siddhantgaikwad95]

Hey bro you really put good work 💯💪 thanks Btw I am using an impact paid theme and still I am not able to remove transparent header can you please help me 🙏

[@mohsansattar8349]

please set a play list for liquid step by step create section block use diffrent type of input and at last customize complete home page in liquid

[@BradGarcia-x9y]

the link for the liquid banner dont work

[@JujjuSlzz]

ok so how do i make it stop saying my store on the header thing on my store

[@bikinzie]

im trying to create different header videos on different pages . not just on the homepage. your help would be appreciated

[@MotivateAndElevatee]

Good job fam, i stumbled upon a problem. My text color won't change + my button label doesn't show up.

[@OnHOWGuy]

Thanks, you mean the text color on the banner ? for the button check out the pinned comment below. Cheers

[@MotivateAndElevatee]

does'nt matter if iam on pc or windows

[@MotivateAndElevatee]

i fixed the problem with the colors, but the button label wont show up

[@MotivateAndElevatee]

@@OnHOWGuy fixed it all, thanks for the help!

[@MotivateAndElevatee]

@@OnHOWGuy the only problem left now is the mobile view, it wont overlap the video itself?

[@mylittlegreenfriend]

When I go to “add section” the option to add the video doesn’t show up :(

[@kenjouamin5756]

same, then i fixed it. try copying the code again and make sure you pasted 859 lines of code. then refresh the customization page or just relogin and then it will work.

[@MerhrangizMehr]

Hello I can't find the codes Can u help me about it plz

[@alexanderneal631]

where can i host third party videos?

[@franzdebodeschlifer]

Looks great on Desktop but shit on mobile how to get mobile clean?

[@mattyg0910]

Still doesn't work on mobile for Dawn 11.0

[@kushalvarma-m5f]

your code is not working. there is some error

[@huzaifasaqib8043]

could u make it mobile optimized

[@OnHOWGuy]

I have another update on this on the way. Cheers

[@dzpicc]

i paste the fixing code and its the same and the botton didnt show to

[@bignell08]

I used the code for the moving header and now my add to cart has been removed