This is an image from canva that I made and added it it looks great on desktop but mobile it overlaps what can I do? I only want to change it for this one I would like to make the button smaller and bring it lower if possible , with out changing the other buttons on my website in other image banners. I’ve been trying to figure this out for hours and I can’t
Hi @Mela23-A ,
Can you provide link to the store?
Please add this code to Custom CSS of that section in your Online Store > Themes > Customize.
@media (max-width: 749px) {
.banner__buttons { display: none !important; }
}
I added the code but now the button disappeared , anyway I can fix that?
Sorry, please remove that code and update code to this
@media (max-width: 749px) {
.banner__box { padding-bottom: 10px !important; }
}
it worked! you’re the best thank you so much!!! I was driving myself crazy lol
if i wanted to do the same expect with only a desktop version, how can I do that? it looks good on mobile but desktop by button overlaps txt
Which section?
at the bottom of my homepage, the image banner that is in color black only on desktop is where it doesn’t line up, will a picture help?
Use this code
@media (min-width: 990px) {
.banner { min-height: 55rem !important; }
}