Change button location/position

Shopify Discussion
1

Hello!

I would like to have my button on the desktop version on my site a bit higher (and maybe on the mobile version a bit lower). Could someone help me with coming up with the code? I would like to play around with it a bit so I hope someone can help me a little bit with what to code to put where. Thank you for your time in advance.

Greetings,

Mel

Store: phantommousepads.com

mel999_0-1664914379107.png
mel999_0-1664914379107.png2560×1378 737 KB

2

hello, Mel999

try this code:

.banner__box.content-container {
   padding-bottom: 68px;
}

@media (max-width: 768px) {
.banner__box.content-container {
   padding-bottom: 68px;
}
}

at the end of the file section-image-banner.css in online store > themes > actions > edit code

You can play around with both lines that say

padding-bottom: 68px

the first one alters the look on desktop, the second, on mobile. To set 20px on desktop and 35 on mobile it will look as follows

.banner__box.content-container {
   padding-bottom: 20px;
}

@media (max-width: 768px) {
.banner__box.content-container {
   padding-bottom: 35px;
}
}
3

Thank you so much! amazing!!