Align the BUY NOW button to fit to correct size of home page.

My website at www.bodybackcare.com is having an issue with the BUY NOW button at the homepage. Shopify offers no option to alter the size of the button so that it is aligned to to the page correctly. This issue is only on MOBILE view. on DESKTOP it is ok which is strange. can somebody help me with this issue please? I am on the refresh theme.

Thanks

1 Like

hi! the site is now open again. look forward to hearing from you

@AAli

yes, please confirm this

Add below css into your custom css file into mobile view :

.slideshow__text.banner__box.content-container.content-container–full-width-mobile.color-background-2.gradient.slideshow__text–left.slideshow__text-mobile–left {
padding-top: 95px;
padding-left: 17px;
}

So, it will be looks like as shown in below image .
https://nimb.ws/8upNdq

If you have any query regarding it then feel free to ask !!

Thanks !!!

Hi Ujjaval, where do i add this code? i do not know what css file means.

However i do know how to edit code via the theme editor. what you are saying is different right?

Hi Ujjaval, where do i add this code? i do not know what css file means.

However i do know how to edit code via the theme editor. what you are saying is different right?