Move App Widget to the Right of App Section?

[atmosphaera]

Hello, I want to move the app widget that I have circled in blue over to the right to align with the "ceheckout now" purple button. How might one do this?

[BSS-TekLabs]

Hi @atmosphaera,

Can you please share the preview link of the theme you're currently working on so we can help you?

[atmosphaera]

Oh! I didn't know I could do that. I appreciate the help so much. I'm trying to learn coding but it's too hard and too much when I run a business. Here you go: https://www.atmosphaera.co/?_ab=0&_fd=0&_sc=1

[BSS-TekLabs]

Hi @atmosphaera,

Sorry for not providing you with enough steps to share the store preview link. But can you please follow these steps to share the preview link?

[atmosphaera]

I was having trouble with it so I went ahead and published the page I am working on for now. Just go to www.atmosphaera.co and it will take you there!

[BSS-TekLabs]

Hi @atmosphaera,

You can follow these steps to make the app widget to the right and align with the checkout button

1. Open Online Store > Theme > Edit Code

2. Find and open base.css (or theme.css, custom.css, styles.css) file

3. Paste the code snippet below to the bottom of the file and hit save

.shopify-planet-banner-v2-container.buyer-contribution.shopify-planet-banner-v2-initialized {
    justify-content: end;
}

And here is the result

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!