Move button on homepage down (Mobile only)

[railtimeslive]

Afternoon, 

The button on our homepage (mobile view specifically) needs moving down. (Screenshot attached)

www.railtimes.live

Any help would be much appreciated! 

 

[MandasaTech]

Hello @railtimeslive 

Yes, the button on your homepage in mobile view can definitely be repositioned with a quick CSS adjustment. Please share access to your theme (or collaborator access if you'd like me to take a direct look), or you can try adding the following CSS:

@media screen and (max-width: 749px) {
  .your-button-class {
    margin-top: 40px !important; /* Adjust value as needed */
  }
}

Replace .your-button-class with the actual class or ID of the button. 

If you have any issues please let me know,

[Mustafa_Ali · Accepted solution]

<style>
@media screen and (max-width: 767px) {
a.btn.pill.alt.animation.bottom-to-top {
    margin-top: 10rem !important;
 }
}
</style>

hey @railtimeslive dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[railtimeslive]

Thanks so much!! 

Is there a way to move it up on desktop view only? 

Thanks again

[Mustafa_Ali]

<style>
@media screen and (min-width: 768px) {
a.btn.pill.alt.animation.bottom-to-top {
    margin-bottom: 5rem !important;
 }
}
</style>

hey @railtimeslive dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
before the body ----->
if this code work please do not forget to like