I have been struggling with this for almost 2 weeks. Tried other peoples solutions and theirs actually made it worse or not at all and yours was the simplest and worked absolutely perfect. Sir you are a scholar. Thank you, Subscribed.
I'm Brazilian, and I looked for a solution to this issue in every possible place, and I didn't find any Brazilian teaching about it. Thank you very much for this video! I just subscribed to your channel
Will this work if you leave the buttons and heading on? Asking because I would like to keep that functionality so visitors can read my mission statement (heading) and then immediately click on the Learn More or Shop Now button.
I have added the code and it worked well, can you also tell how on mobile image (the second image) - the button comes under the banner i want to put the button on the banner as it was in the orignal theme
This is great information, just changing custom CSS code, easy to track. I have just have one question (since you are a Shopify Partner), how often does Shopify makes changes to their themes that may break the website or some functionality?
hello thank you for your video but I don't understand how you let each one shows with phone or desktop because they shows both with me the both banners ??
This is great!! Thank you! Can you confirm the dimensions and px that is needed for both desktop and mobile? I have desktop = 1920 x 1080 and mobile = 500x500 px. Is this correct?
Thank you very much just found your channel and subscribed, will tell my friends, question, I will like to hide the banner header on all my pages and just show it on the home page, I am using the Dawn theme, right now the banner is showing on all my pages and it I delete it in any page it will deleted throughout the website, how can I do that? Thank you for the great video.
When i paste the code and save nothing changes And in custom css section In second line of code there is a yellow error underlined when i drag mouse there it shows that "slideshow-component" does not appear to be used in this section.Try different selector.
I have been struggling with this for almost 2 weeks. Tried other peoples solutions and theirs actually made it worse or not at all and yours was the simplest and worked absolutely perfect. Sir you are a scholar. Thank you, Subscribed.
You're welcome!
I'm Brazilian, and I looked for a solution to this issue in every possible place, and I didn't find any Brazilian teaching about it. Thank you very much for this video! I just subscribed to your channel
Great to hear!
a eu achei procure melhor
Great solution! Very nice not needing to edit base css
Thanks!
Thank you so much! I tried the older way and wondered why it wasn't working and found this updated video and now everything works again, awesome!
Amazing tutorial bro!! Worked perfectly
Glad it helped!
That was so easy!!!! Thank you!!!!
Omg just did it and it looks perfect! Thank you so much for this!!!!!
Great job!
You are amazing!!!! Soooo simple and it gets the job done 🔥🔥🔥🔥
Saved me so much time, thank you!
You're welcome!
THANK YOU so much!! I've subscribed for a few months now and your videos have helped me so much ❤
I'm so glad! Pls share the video
PERFECT!!! Managed to change! I've left a comment on your earlier RUclips which I couldn't do it, I will delete that. Thank you!!!
This is amazing. Thank you!
You're welcome!
Thank you, works like a charm!
Great to hear!
Will this work if you leave the buttons and heading on? Asking because I would like to keep that functionality so visitors can read my mission statement (heading) and then immediately click on the Learn More or Shop Now button.
Yes it will work
I have added the code and it worked well, can you also tell how on mobile image (the second image) - the button comes under the banner i want to put the button on the banner as it was in the orignal theme
Will need more code
You're the man! Perfect, Thank you so much
Your welcome, don't forget to subscribe
And what about Shopify's responsive theme? This code doesn't work.
What do you mean?
This is great information, just changing custom CSS code, easy to track. I have just have one question (since you are a Shopify Partner), how often does Shopify makes changes to their themes that may break the website or some functionality?
It does not break
subscribed, thank you! :)
Thanks for the sub!
Such a lifesaver! Thanks man!
Glad it helped!
game changer! Thank you so much!
You're welcome!
It's very helpful and works very well. Thanks
Glad it helped
Hey just wondering does this work on a slide show tab, beacsue the theme im using doesnt have a image banner
No it does not
hi amazing video! I use trade theme whats the best size for the banner on mobile and desktop please? I will may require your services in the future.
thanks alot bro , searching for hours ❤❤
Thank you 👍
You are welcome
AMAZING thank you!
You're so welcome!
does this work with the autoplay videos u gave us?
Not it does not
This worked perfectly and so easy!! 🙌🏽💜💜💜
Appreciate such the solution! It worked perfectly.
You're welcome!
Thank you so much, Mr. Naseer. Moreover Thanks for providing this helpful tutorial. Salam.
Fantastic! Much obliged!
Thanks, don't forget to subscribe
Thank you - is there a similar option with slideshow? so have rotating images but different ones for mobile and desktop?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
Awesome boss keep it up, works even for slideshows
Thank you! this worked perfectly!
Glad it helped!
hi i tried using it, but theres a border in mobile view, how to remove that? i'm using 375x680 size in mobile banner
Please contact via websensepro.com/contact-us for paid support
well-done, problem solved. I subscribed right after it got resolved. I have watched a lot of videos but none of them worked for me.
Great, please share it too
Hi! Thx so much for the video! How can I do the same but instead do it witha banner do it with a video?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
hello thank you for your video but I don't understand how you let each one shows with phone or desktop because they shows both with me the both banners ??
You are doing something wronf
This is great!! Thank you! Can you confirm the dimensions and px that is needed for both desktop and mobile? I have desktop = 1920 x 1080 and mobile = 500x500 px. Is this correct?
Yes
Hello sir i am having problem with that - is any WIDTH/HEIGHT REQUIRED FOR DESKTOP IMAGE & MOBILE ???
It depends on the image
Worked great! Thank you!
You're welcome!
Can you please make selected variant video on dawn14.0
In editing mode, turn on the notifications
Thank you, so so appreciative of this!
You're welcome!
Great video! thanks for your help!
Glad it helped!
Thank you so much mr indian man
Your welcome, please don't forget to subscribe
Is there a difference in website performance between doing it this way vs the other way?
No differnce
Good preparation, Good video, good code - Keep it up man, youre doing a great job! you got my sub!
Thanks for the sub!
Thank you very much just found your channel and subscribed, will tell my friends, question, I will like to hide the banner header on all my pages and just show it on the home page, I am using the Dawn theme, right now the banner is showing on all my pages and it I delete it in any page it will deleted throughout the website, how can I do that? Thank you for the great video.
Please contact via websensepro.com/contact-us for paid support
great value for time, Thank you
You're welcome!
Thanks for this
My pleasure!
thank you bro
would you mind telling me the image size you have used in the video for the mobile version? thanks in advance
WEBP - 1100 × 1100
When i paste the code and save nothing changes
And in custom css section
In second line of code there is a yellow error underlined when i drag mouse there it shows that
"slideshow-component" does not appear to be used in this section.Try different selector.
Please contact via websensepro.com/contact-us for paid support
Sir I want to do the same thing for the collection image..Please help sir
Please contact via websensepro.com/contact-us for paid support
Do you also have this voor a collage?
Please contact via websensepro.com/contact-us for paid support
Hi, The code is working on Android however on iOS both the banner images are visible. Could you please help fix this as we're really stuck
Please contact via websensepro.com/contact-us for paid support
THANK YOU SO MUCH!!
You're welcome!
hi does this work for slideshows as well? I have have both Image banners and Slideshows.
IT WORKED THANK YOU SO MUCH! Question will this code still work when Shopify updates to new versions of dawn in future?
I think so yes
Amazing content, but i have a question , what if i want a slideshow of image banners? how will it work then?
Please contact via websensepro.com/contact-us for paid support
Thank you verry much man saved me!
Your welcome
Thank you very much!
You're welcome!
Really Helpful Sir. But my shopify is giving me only 25 ad sections, I am not able to add new section. Please help
It's not possible.
Brother your contain is ossam ❤❤ love form india
You're welcome! 😊
Where is the code to copy from? I can’t see it in description
websensepro.com/blog/show-different-banner-images-on-mobile-desktop-in-shopify/
Worked
Can you do a tutorial on how to do this exact same thing but with multicolumn sections
Please contact via websensepro.com/contact-us for paid support
will this work with the video banner?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
is this working just in Dawn theme?
Yes
tysm!
Thanks!
What resolution do you like to use for desktop and mobile images in this banner?
Desktop 1200 x 400 pixels and Mobile 360 x 120 pixels
Perfect
Thanks!
What if i want to show two images in pc and one image in mobile?
Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support
Desktop code not working
Thats weird work fine for us
Sir where is the code?
websensepro.com/blog/show-different-banner-images-on-mobile-desktop-in-shopify/
where is the code ？
websensepro.com/blog/show-different-banner-images-on-mobile-desktop-in-shopify/
Can I hire you??
Sure, contact via websensepro.com/contact-us
😍
Thank you so much❤
This is amazing! Thank you so much!!!!
You're welcome!
Thank you for this
My pleasure! Dont forget to subscribe
Thank you so much!