App Widgets in the same place

[CaseySoapCo]

I have two apps that have small page widgets on the bottom right of the screen. One is covering the other. How do I move one or the other to another place on the screen?

[BSS-TekLabs]

Hi @CaseySoapCo,

Could you kindly provide us with your store URL and, if applicable, the password, so that our team can offer you the necessary support?

[CaseySoapCo]

Hello,
The URL is casey-soap-co.myshopify.com. I'm sorry, I'm not comfortable sharing a password.

[BSS-TekLabs]

Could you tell me in particular which position you want to move the widgets to?

[CaseySoapCo]

One on the right, one on the left. Just not on top of one another.

[BSS-TekLabs · Accepted solution]

Here are the steps you can follow:

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

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

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

@media only screen and (min-width: 575.99px) {
    .ta-r-btn-box.ta-r-btn-desktop-float.ta-r-btn-desktop-right {
        left: 180px;
        right: auto;
    }
}

@media only screen and (max-width: 575.98px) {
    .ta-r-btn-mobile-float.ta-r-btn-mobile-right .ta-r-btn {
        right: unset !important;
        left: 10px !important;
        bottom: 15px !important;
    }
}

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!