Debut - Shop Now button wrong position in mobile view

Solved
Highlighted
Explorer
67 1 10

Hi,

Does anyone know how to make the Shop Now button the same position on the page for mobile and desktop?

For desktop it is in the perfect position, but for mobile it is too low and goes on to the next image below!

www.hakamount.co.uk    password = ceesti

Thank you!

hakamount_0-1599487368715.png

 

0 Likes
Highlighted

Hi,

For Mobile view.. You have add this code  in your css file 

Online Store->Theme->Edit code->Assets->theme.scss.liquid

 

@media only screen and (max-width: 580px) {
.hero__btn {
top: 88px;

}
}

@media only screen and (max-width: 480px) {
.hero__inner .hero__btn {
top: 150px;
}
}

 

 

 

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Explorer
67 1 10

Hi @oscprofessional this solution hasn't worked unfortunately, the button is still in the same position as it was before

0 Likes
Highlighted

This is an accepted solution.

 

Please use this code.

 

@media only screen and (max-width: 580px) {
.hero__btn {
top: 150px;

}
}

@media only screen and (max-width: 480px) {
.hero__inner .hero__btn {
top: 88px;
}
}

 

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Explorer
67 1 10

@oscprofessional thank you this worked!

0 Likes