Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
@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;}
}
@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
This is an accepted solution.
@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
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?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024