i want this notification in left

[rgeafrauuhf]

i want this add to cart notification in left beacuse its messing up with whatsapp icon..

URL : https://goluxuryindia.com

PASS : india

[oscprofessional]

Hello Add the css in theme.css file at the end

Follow the steps
Go to Online Store > Theme > Edit Code > theme.css file


@media screen and (min-width: 700px) {
.product-quick-add:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
right: 1rem;
left: 0;
}
}

Thank you

[rgeafrauuhf]

Want Some Small Space In Left

[WalkYourStyle]

1. Go to 'Online Store' -> Themes -> Edit Code

2. In the assets folder locate the file 'theme.css'

3. Paste the below code at the end of the file

cart-notification-drawer.quick-buy-drawer{
   left: 0;
}

[BSS-TekLabs · Accepted solution]

Hi @rgeafrauuhf,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the theme.css (or base.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.product-quick-add {
    left: 1rem;
}

Here is the result

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!