Overlay issue on mobile

[qrave]

Hi! Im having an overlapping issue with the button thats appear on the popup after you click add to cart. Also, this is ONLY an issue only mobile so I don't want to affect the desktop verison. I will attach an image of what is happening below so you have a better idea, thanks! Oh, also I am using dawn theme.

[Made4uo-Ribe]

Hi @qrave 

Wew! the cause of this is the code you add in your base.cs.. i cant overide it but you need to find and change it.

Open your base.css

Remove the code in the picture below. 

And replace with this code. 

@media screen and (max-width: 749px){
.product-form__buttons a.button.button--secondary {
    font-size: 0.9rem !important;
    min-width: 30px !important;
    min-height: 27px !important;
}
.product-form__buttons .button.button--secondary {
    top: 80px !important;
}
}

Amd Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[qrave]

that worked but it caused a new problem, once again ONLY for mobile. The desktop verison is fine. For some reason on my home page the shop button got a lot bigger and move to high up. Ill attack picture, can you help me fix this? Thanks

[goldi1]

Hello @qrave 

can you share the store url ?

so can fix it 

thanksss

[qrave]

qrave.store Also just for now I have hidden the shop now button on the home page just so customers dont see it like that, but it is still there. Thanks!

[qrave]

Dam, so you tell me to do something that messes up my whole stores home page and now I cant even revert back to what it was and now you dont even respond to help me fix it? Thanks for absolutely nothing.