Add to cart button alignment Charge theme

Store Design
, , ,
1

Hi

Im trying to align the add to cart button on the browser and mobile version (on the featured item list) of our shop i’ve tried different lines of code but none seem to work. Maybe someone has a solution

thanks

addtocart.png
addtocart.png311×357 58.6 KB

2

@bnbsnacks - its happening due to number of title lines, to overcome this need to set css , that leaves space between button and text if we have a single line

3

Share Preview Link Your Website

4

Do you know what I need to add?

5

Here’s the link to the preview

https://t617y8nmrf60437g-71689273609.shopifypreview.com

6

Put This Code in Your base.css

@media only screen and (max-width: 1024px) {
    .item-details-wrapper {
        display: grid;
        grid-template-rows: 75px 1fr;
    }
}
@media only screen and (max-width: 767px) {
    .item-details-wrapper {
        display: grid;
        grid-template-rows: 55px 1fr;
    }
}
@media only screen and (max-width: 410px) {
    .item-details-wrapper {
        display: grid;
        grid-template-rows: 75px 1fr;
    }
}

Contect On My Mail :->>> raj.s.webdevloper@gmail.com

or DM in Whatsapp ==>> 8780571581

7

Hey, charge theme doesn’t have a base.css I’ve tried putting it into styles css tried in custom css nothing seems to work

8

Okay, put this css and see it’s work or not?

9

hey thanks for the help i got it fixed now

10

@Raj-webdesigner do u know if theres a different code i need to use for the browser version the mobile version now is aligned but the browser one is still the same, thank u