How can I have different images on banner one for mobile and one for deskstop because my image banner is a lil to wide on desktop.
website : zoticnewyork.com
@AMOB - please add 2 different banners, one fro desktop and one for mobile , then using css we can hide one as per the need to show required one
Where in css can I edit?
@AMOB - base.css file, you can edit css but before that please add 2 banners
OK I did
@AMOB - not able to see second banner, is it on home page and active?
I changed it now what!
Now whats the css file I edit?
@AMOB - which banner do you want on desktop and which on which on mobile?
I want the one with white shirt on desktop
and the one that shirtless/black on mobile
@AMOB - please add this css to the very end of your base.css file and check
@media screen and (min-width:750px){
#shopify-section-template--15947213242603__image_banner{
display: none; visibility: hidden;}
}
@media screen and (max-width:749px){
#shopify-section-template--15947213242603__1653207576ab6132f2{
display: none; visibility: hidden;}
}
could I always change the photo with out having problems or do I need to add anything to basecss?
@AMOB - code is for these 2 section, unless you delete these 2 sections to add new ones, changing images should and will work
1 Like
thanks!
thank you!
@AMOB - did you edit base.css file? looks like css stopped loading,
it worked, does it work on your end?
Can you help me we the same problem?
https://community.shopify.com/c/shopify-design/dawn-theme-banners-nightmare/m-p/1647997#M439571
@Ben_Neorai_Gate - hello, did you add 2 banners on homepage?