Help with slideshow button on mobile version!

Highlighted
New Member
6 0 0

Hi!

I've been trying to get the button link on the slideshows to display in the same style and position on the mobile page as the desktop version. Right now the mobile version moves the button to the bottom, makes it larger and changes its color to blue. There's three slideshows on my home page and the buttons have all different colors. I'd love some help with the coding on this one please! Any advice is appreciated! 

URL: www.thegoodestpet.com Password: vania196

Screenshots:

Desktop 1Desktop 1Desktop 2Desktop 2Desktop 3Desktop 3

 

 

 

 

 

 

 


Mobile 1Mobile 1Mobile 2Mobile 2Mobile 3Mobile 3

 

 

0 Likes
Highlighted
Astronaut
1085 177 213

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

[id] .hero__adapt-text-wrap.wrapper {
    display: none !important;
}

@media screen and (max-width: 768px){
[id] .hero--adapt .hero__text-align {
    display: block !important;
    transform: scale(.7) !important;
}
    
}



To customize the position as well on mobile you'd need to hire a developer, this is the best I can do at this moment in this case.


Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes