🛑🛑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
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 !
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!
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
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.
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!!!!
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 ?
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
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
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
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?
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
Hi, got a problem here. On the mobile view thewriting just gets pushed down, I deleted the following as well : .videoBoxInfoTitle, .videoBackground .videoBoxInfoBtn { display: none; }
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.
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?
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 ?
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.
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
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)
nfortunately 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
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 🙏
🛑🛑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
I have followed all the steps but still headings on the video and button comes under the video in mobile views
please help me...
@@princeojha5460 After a long time, I found a solution, you must remove code line 423, you must remove "position: relative;"
where can I find your video about those product variants in circle under the product image?
code you promise I can't find it
thank you
the code you promise I can't find it, can you help me with me??
thank you
I’m so happy I ran into your channel. You’ve helped me so much. Thank you! 🙏🏾
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 !
I need this too! I don't like how it's below the video on mobile.
For me, its not even appearing
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!
YOU ARE SO AMAZING FOR HELPING US WITH THIS!🌟🌟🌟🌟
I follow all your videos! You saved me hours of work, wonderfully done!🌟
do i need code to add the section you have for the dropdowns>?
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!
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?
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
Working Great. Thank you.
installed the code - theres a white gap below the video in mobile view -
is there a way to fix this?
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
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 ?
Great job this video helped me a lot especially with main menu thanks bro keep doing good stuff 👍
how do i add another section for the dropdowns?
Great content brother! I'm so glad I found you!
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
This helped so much. Thank you!!
You're so welcome, glad i could help.
Cheers
this code is not working section 3 keeps stating you can not include locks in preset can anyone help me out
HOW CAN YOU CHANGE CUSTOME THEME LOGO POSITION
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 😢
this is f**king gold. amazing content, good job man! subscribed
Thank you, i appreciate that.
Welcome to the family, if you have any questions feel free to ask.
Cheers
Amazing! Keep up the good work brother! Liked and subscribed!
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.
How to apply a reveal effect on banner image on dawn theme with code?
Thanks man your channel is very helpful keep it up boss !
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!!!!
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 ?
Yep, same for me. This method is not working.
kayn asat keep going
Thanks brother, no worries i will.
Cheers
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
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
Does this work for static images too? I am just tired of the boring white background in the header
help me brother. when i add the section of background videos ... it says, it contains illegal characters....what should i do?
Hi! thanks for sharing. How to adjust the banner video to present 1920x600?
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
One more question - how can I make the announcement header scroll text, or rotate text for a couple options?
Hello Anas, I dont have a Video backround section appearing on my Shopify Customization. Is this normal?
bro i need conditional header images on different pages. please any video.
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.
I replied to your comment just now.
Cheers
How Do I add the video if I have Exported it from Capcut
How do i add all products page when i click at the main submenu in the header?
Add it from the navigation setting on Shopify dashboard.
Cheers
How do I keep the announcement header visible while keeping the header transparent?
Am not finding the link...to name liquid banner section
Thank you!
Mine also showed "Sales" not the percentage. Could you please help
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
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
has he answered this same question in any cases, if yes. where can i find it?
Can you help its dont work on 15.1
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?
just subscribed amazing content
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?
How can I get video ends with. MP4 link please answer it
looking for the same, update me if you get something
Hey does somebody know how to customize the video banner so the full video fits in?
Thank you so much it works 🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳
Thanks alots bro it's good work keep it up
That’s really amazing 😻
Glad you think so.
Cheers
Hey, hope you are doing well. I had a question. Is it possible to move the text on the video?
Hey, thank you im doing good.
I have an update for this video coming and i will include that.
Cheers
My hero doesn't wear cape, he knows basic configurations on Shopify and I don't LOL
Haha not all heroes wear caps
ok so how do i make it stop saying my store on the header thing on my store
Hello mate, please tell me how to make fixed header, because when I'm scrolling all menus scrolling too?
Hey, disable it from the theme customizer by clicking on the header and un-toggle sticky header.
Cheers
Hey your link is not loading for me mind writing it in the description ?
This video was great!
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
Need help reducing the padding between logo / header and an image banner for the Ride Theme (shopify)
You mean you want to make the header little bit bigger ?
@@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
@@shreyakothari3545 Try this code at the bottom of base.css
pastebin.com/7FiiLjW7
Cheers
Hi, got a problem here. On the mobile view thewriting just gets pushed down, I deleted the following as well : .videoBoxInfoTitle, .videoBackground .videoBoxInfoBtn { display: none; }
I wanna use gempages and add header for my design please help with that
for my home page
the link for the liquid banner dont work
how do I go about editing the store name in the header
What link is that video??
Hi brother,
Followed all the steps but unable to find VIDEO BACKGROUND option in the customisation
Do I follow this same procedure if I only want a photo added to my header rather than a video?
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?
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
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.
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?
click add section, therefore search video background. it will popup
@@shawn_carlsen8014 No it won't. This is because of the new update. This code doesn't match with the update.
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.
I used the code for the moving header and now my add to cart has been removed
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 ?
i paste the fixing code and its the same and the botton didnt show to
Thanks for this video.Can you make a video on 'how to add brand Slider on shopify' with css
Hello
I can't find the codes
Can u help me about it plz
im trying to create different header videos on different pages . not just on the homepage.
your help would be appreciated
I am getting an problem it showing that invalid preset { en. = video backgroun } cannot include block in preset beacuse they are no block defined
@onhow
Still doesn't work on mobile for Dawn 11.0
My header and description is going below the image, how do I get it to go ontop?
Awesome video, thank you so much!!
NVM it just looks off in Custom editor
When I go to “add section” the option to add the video doesn’t show up :(
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.
Where can i video like this?
your code is not working. there is some error
Not finding the link for the code in your description...man I like that video for my home page.
hey boss can please make a video about how to add email to product page header thanks
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
great vide0! Unfortunately, this doesnt seem to work for the mobile version:(
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
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)
I been looking through a lot of videos because I also want to do this. If you guys know please let me know. Thanksss
where can i host third party videos?
i cant access to the link code! Help me!
Really super
how ican chang the size of the video
Looks great on Desktop but shit on mobile how to get mobile clean?
If "the needle in the haystack" was a person! OMG thank you!
Haha thank you and you're very welcome.
Cheers
nfortunately 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
What theme/version are you using ?
Please let me know in a new comment as its difficult for me to see replies now.
Cheers
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 🙏
Nice but there is an issue with Mobile , the added video does not appear on mobile
omg thank you