SHOP NOW buttons not aligned on mobile/desktop

Store Design
1

Hi, I’m adding a custom shop now button to my featured collection and it won’t align. Any help is much appreciated __(__It does successfully appear on preview I checked on multiple devices )

gthegreat_0-1662210150277.png
gthegreat_0-1662210150277.png519×742 83.7 KB

https://3glwfz9nemjg7zze-58572865730.shopifypreview.com

password: plswork

@LitCommerce @KetanKumar @oscprofessional

2

@gthegreat

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
span.card-information__text.h5 {
    height: 50px;
    display: inline-block;
}
3

@KetanKumar

Hey, that did not work but thank you for helping out!

Here’s what I got :

gthegreat_0-1662291320907.png
gthegreat_0-1662291320907.png1237×808 61.2 KB

gthegreat_1-1662291345584.png
gthegreat_1-1662291345584.png1277×748 125 KB

4

Do you think you could help me with this please?

@AvadaCommerce

5

@gthegreat
Hello,

.price {
	margin-bottom: 10px;
}
span.card-information__text.h5 {
	height: 18px;
	display: inline-block;
}
@media only screen and (max-width: 749px){
.card-information__text.h5 {
  height: 18px;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This
Desktop

oscprofessional_0-1662358032714.png
oscprofessional_0-1662358032714.png1413×835 111 KB

Mobile

oscprofessional_1-1662358085132.png
oscprofessional_1-1662358085132.png693×796 200 KB

6

@oscprofessional

Hi on Desktop it looks great but on mobile, it’s still messing up :confused: Thank you so much for helping out though.

gthegreat_1-1662396217362.png
gthegreat_1-1662396217362.png1330×921 58.9 KB

7

@gthegreat ,

The link is not working please check.

8

@oscprofessional

Hey, could you try this one, please :slightly_smiling_face:

https://wt0np89p8hqyelwi-58572865730.shopifypreview.com

password : plswork

9

‎09-06-2022 04:35 PM

@oscprofessional

This should work, thanks for helping me thus far !!

https://7zkmihfuujhbv0d6-58572865730.shopifypreview.com

password: plswork