How To Show Different Banner Images On Mobile & Desktop [Shopify - Updated]

Sdílet
Vložit
  • čas přidán 6. 09. 2024

Komentáře • 101

  • @hannaginger
    @hannaginger Před 3 měsíci +2

    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

  • @EricasGirlyWorld
    @EricasGirlyWorld Před 4 dny

    Omg just did it and it looks perfect! Thank you so much for this!!!!!

  • @poniana
    @poniana Před 2 měsíci +1

    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!

  • @Shrimpy
    @Shrimpy Před 23 dny +1

    Amazing tutorial bro!! Worked perfectly

  • @RafaelMartins-qn9lk
    @RafaelMartins-qn9lk Před 3 měsíci +2

    Great solution! Very nice not needing to edit base css

  • @bcwell
    @bcwell Před měsícem +1

    Saved me so much time, thank you!

  • @bamtekhome2258
    @bamtekhome2258 Před měsícem +1

    AMAZING thank you!

  • @sweetybeels
    @sweetybeels Před 2 měsíci +2

    This is amazing. Thank you!

  • @IvanGonzalez-nt8ez
    @IvanGonzalez-nt8ez Před 6 dny

    Thank you for this

  • @Soultiqque
    @Soultiqque Před 2 měsíci +2

    Fantastic, thank you so much for your kindness!

  • @Legc26
    @Legc26 Před 12 dny

    Great video! thanks for your help!

  • @l-0upe895
    @l-0upe895 Před 13 dny

    Good preparation, Good video, good code - Keep it up man, youre doing a great job! you got my sub!

  • @tae_nae9833
    @tae_nae9833 Před 10 dny

    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.

  • @poripurnoshareez3684
    @poripurnoshareez3684 Před 17 dny

    Thank you so much, Mr. Naseer. Moreover Thanks for providing this helpful tutorial. Salam.

  • @brookelanzi6599
    @brookelanzi6599 Před 23 dny

    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?

  • @alwarya
    @alwarya Před 2 měsíci +1

    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

    • @WebSensePro
      @WebSensePro  Před 2 měsíci

      Please contact via websensepro.com/contact-us for paid support

  • @WinningMarketing
    @WinningMarketing Před měsícem

    Thank you - is there a similar option with slideshow? so have rotating images but different ones for mobile and desktop?

    • @WebSensePro
      @WebSensePro  Před měsícem

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @YelenaRichy
    @YelenaRichy Před 26 dny

    Appreciate such the solution! It worked perfectly.

  • @blastoisecharizard
    @blastoisecharizard Před 19 dny

    Thank you! this worked perfectly!

  • @saeedgujjar663
    @saeedgujjar663 Před měsícem

    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.

    • @WebSensePro
      @WebSensePro  Před měsícem

      Please contact via websensepro.com/contact-us for paid support

  • @jamiegeurtjens1492
    @jamiegeurtjens1492 Před 3 měsíci +1

    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.

  • @usmanghani-im4qc
    @usmanghani-im4qc Před 3 měsíci

    Awesome boss keep it up, works even for slideshows

  • @alexandriamaloney8961
    @alexandriamaloney8961 Před 3 měsíci

    Thank you, so so appreciative of this!

  • @LLCoolJake76
    @LLCoolJake76 Před 2 měsíci

    Worked great! Thank you!

  • @theartofmlm5295
    @theartofmlm5295 Před 2 měsíci

    great value for time, Thank you

  • @user-si2yj2os4u
    @user-si2yj2os4u Před měsícem

    Sir I want to do the same thing for the collection image..Please help sir

    • @WebSensePro
      @WebSensePro  Před měsícem

      Please contact via websensepro.com/contact-us for paid support

  • @StephenTutton-w7x
    @StephenTutton-w7x Před 3 dny

    Where is the code to copy from? I can’t see it in description

    • @WebSensePro
      @WebSensePro  Před 2 dny

      websensepro.com/blog/show-different-banner-images-on-mobile-desktop-in-shopify/

  • @timhuizer7640
    @timhuizer7640 Před měsícem

    Do you also have this voor a collage?

    • @WebSensePro
      @WebSensePro  Před měsícem

      Please contact via websensepro.com/contact-us for paid support

  • @mohammadhadeed5411
    @mohammadhadeed5411 Před 2 měsíci

    Amazing content, but i have a question , what if i want a slideshow of image banners? how will it work then?

    • @WebSensePro
      @WebSensePro  Před 2 měsíci

      Please contact via websensepro.com/contact-us for paid support

  • @user-ih9qq6ux2s
    @user-ih9qq6ux2s Před 3 měsíci

    Really Helpful Sir. But my shopify is giving me only 25 ad sections, I am not able to add new section. Please help

  • @TheRealestMcCoy662
    @TheRealestMcCoy662 Před 3 měsíci +1

    Can you please make selected variant video on dawn14.0

    • @WebSensePro
      @WebSensePro  Před 3 měsíci +1

      In editing mode, turn on the notifications

  • @jabe5895
    @jabe5895 Před 3 měsíci

    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.

    • @WebSensePro
      @WebSensePro  Před 3 měsíci

      Please contact via websensepro.com/contact-us for paid support

  • @hacohen4525
    @hacohen4525 Před 3 měsíci

    Thank you verry much man saved me!

  • @stefanensko
    @stefanensko Před 2 měsíci

    would you mind telling me the image size you have used in the video for the mobile version? thanks in advance

  • @gabcu1657
    @gabcu1657 Před 2 měsíci

    Thank you very much!

  • @muhammadrehan2907
    @muhammadrehan2907 Před 2 měsíci

    is this working just in Dawn theme?

  • @user-kl7gq4et5z
    @user-kl7gq4et5z Před 3 měsíci

    Brother your contain is ossam ❤❤ love form india

  • @theyeethree
    @theyeethree Před 2 měsíci

    Worked

  • @sassyangelcollections1578
    @sassyangelcollections1578 Před 2 měsíci

    hi i tried using it, but theres a border in mobile view, how to remove that? i'm using 375x680 size in mobile banner

    • @WebSensePro
      @WebSensePro  Před měsícem

      Please contact via websensepro.com/contact-us for paid support

  • @JCBusiness-hn9ix
    @JCBusiness-hn9ix Před 3 měsíci

    What if i want to show two images in pc and one image in mobile?

    • @WebSensePro
      @WebSensePro  Před 3 měsíci

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @parkciamillo4302
    @parkciamillo4302 Před 3 měsíci

    Can you do a tutorial on how to do this exact same thing but with multicolumn sections

    • @WebSensePro
      @WebSensePro  Před 3 měsíci

      Please contact via websensepro.com/contact-us for paid support

  • @15fifteenmedia
    @15fifteenmedia Před 2 měsíci

    Perfect

  • @gessynevesfilho2335
    @gessynevesfilho2335 Před 3 měsíci

    tysm!

  • @cecilialopez1772
    @cecilialopez1772 Před 3 měsíci

    hi does this work for slideshows as well? I have have both Image banners and Slideshows.

    • @cecilialopez1772
      @cecilialopez1772 Před 3 měsíci

      IT WORKED THANK YOU SO MUCH! Question will this code still work when Shopify updates to new versions of dawn in future?

    • @WebSensePro
      @WebSensePro  Před 3 měsíci

      I think so yes

  • @fatihozdemir4221
    @fatihozdemir4221 Před 2 měsíci

    will this work with the video banner?

    • @WebSensePro
      @WebSensePro  Před měsícem

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @saucydee1
    @saucydee1 Před 3 měsíci

    What resolution do you like to use for desktop and mobile images in this banner?

    • @WebSensePro
      @WebSensePro  Před 3 měsíci

      Desktop 1200 x 400 pixels and Mobile 360 x 120 pixels

  • @SaqibRajput-op8dn
    @SaqibRajput-op8dn Před 3 měsíci

    😍

  • @tanyakashyap681
    @tanyakashyap681 Před měsícem

    Sir where is the code?

    • @WebSensePro
      @WebSensePro  Před měsícem

      websensepro.com/blog/show-different-banner-images-on-mobile-desktop-in-shopify/

  • @AnesidoraForHim
    @AnesidoraForHim Před 2 měsíci

    where is the code ?

    • @WebSensePro
      @WebSensePro  Před 2 měsíci

      websensepro.com/blog/show-different-banner-images-on-mobile-desktop-in-shopify/

  • @jennifermccoy2971
    @jennifermccoy2971 Před měsícem

    Can I hire you??

    • @WebSensePro
      @WebSensePro  Před měsícem

      Sure, contact via websensepro.com/contact-us

  • @KelvinDelaCruz-fg6mc
    @KelvinDelaCruz-fg6mc Před 3 měsíci +1

    Thanks for this

  • @summerchiang725
    @summerchiang725 Před měsícem

    THANK YOU SO MUCH!!

  • @mommylhey
    @mommylhey Před 2 měsíci

    This is amazing! Thank you so much!!!!