Can I adjust product title position in Add to Cart popup?

Store Design
, ,
1

Hello,

For the “Add to Cart” Popup, is there any way I can shift the Product Title down to middle of the product photo? (for both desktop and mobile)

Thank you,

IMG_7255.jpeg
IMG_7255.jpeg1290×2256 125 KB

Screenshot 2024-04-20 at 7.39.32 PM.png
Screenshot 2024-04-20 at 7.39.32 PM.png924×972 110 KB

2

Hi @l1kim ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find base.css file
  4. Add This Css in your Edit Code > Base.css File
div#cart-notification-product {
    align-items: center;
}

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

3

Great, it works on desktop but not on mobile. Would you please provide one for mobile as well?

Thank you very much,

4

Hi @l1kim ,

Can you please try this one?

div#cart-notification-product {
    align-items: center !important;
}

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

5

Nope.. still not for mobile…

6

Hi @l1kim ,

I do not see the css I have provided is loaded in the theme.

Can you please add below css in base.css file?

div#cart-notification-product {
    align-items: center;
}

If it doesn’t work, provide me the access. I can assist you on.

Thank you

7

Yup, added both just now; but still not for mobile..