PRO - I can't get the product titles to align to the right of the product images

Support
#1

Hi friends,
I’ve got my site set up and on smartechproduct.com/checkout, I am having trouble with the @media css rules. The product image and the product title are not cooperating with me and I need the balance between them fixed and the title on the right of the image at all sizes. The table is not playing nice with me at all. Can anyone please lend a hand?
Much obliged,
Andy

#2

Hi There,

Please find this custom CSS:

.the-product-name {
    margin-top: 9%;
    float: left;
}

And change to this:

.the-product-name {
    margin-top: 9%;
    float: left;
    width: 65%;
}

After that also add this custom CSS:

@media (max-width: 767px){
    .woocommerce .col-2,
    .woocommerce .col-1 {
        width: 100%;
        margin: 0;
    }
}

Hope it helps :slight_smile:

1 Like
#3

Dear @thai,
That helped some, but the shipping_method is now stacking out of position. Every time I try to add width, it pushes the product title over to the left and the table gets rearranged again.

#4

@thai
Scratch that, I moved it over by -100px and it is working. Thanks for all your help!
Best wishes,
Andy

1 Like
#5