buy button position

[Dicephalus]

Hello. I am using Shopify Lite and adding in the buy button to my html.  All is going well except that the button is left aligned in the div.  I chose center on the buy button page but that doesn't center it.  This is the first time I am on the forum so I am not sure what's customary to post here - my code (the shopify code and/or mine?) or an image or a link to the page?  Any direction would be appreciated.  Thanks.

[Moeed]

Hey @Dicephalus 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[MooseDesk]

Hi  @Dicephalus ,

We appreciate your inquiry in the Shopify Community. MooseDesk is here to assist you as a leading Live Chat, FAQ & Helpdesk App, tailored for enhancing your customer support.

Welcome to the forum! I understand you're having an issue centering the Shopify Lite "Buy" button in your HTML. Here are some suggestions to help you resolve the issue and share helpful information on the forum:

1. Code:
   • Please share the Shopify code snippet for the "Buy" button that you've embedded.
   • Provide the surrounding HTML where you've inserted the button (just the relevant part).
   • If you've applied any custom CSS to the button or its container, please share that as well.
2. Screenshot:
   • A screenshot showing how the button appears on your page would be very helpful.
3. Website link:
   • If your page is public, you can share the link so others can inspect it directly.
4. Shopify settings:
   • A screenshot of your "Buy" button settings in Shopify, particularly the alignment options.

To address the centering issue, you can try the following:

1. Wrap the Shopify "Buy" button code in a container div:

<div class="buy-button-container">
  <!-- Place Shopify "Buy" button code here -->
</div>​

2. Add the following CSS to your page:

.buy-button-container {
  display: flex !important;
  justify-content: center !important;
}​

If this doesn't work, please provide the detailed information mentioned above, and we'll be able to help you find a more specific solution.

I hope this answer addresses your question effectively. If you found it helpful, we’d appreciate a 'LIKE' for MooseDesk. If your issue is resolved, please mark this as 'SOLUTION’.

In the meantime, our MooseDesk Team is always here to help with customer support solutions. We’re passionate about improving your customer experiences through our Live Chat, FAQ, and Helpdesk App.

With MooseDesk, you can engage with customers through omnichannel support, manage inquiries with a robust ticket system, and provide quick responses.

• Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.

Once again, keep up the fantastic work, and I wish you the best of luck in the future! 

———————

If this is helpful for you, please let me know by giving MooseDesk a 'LIKE'. If your question is answered please mark this as 'SOLUTION’.

If you are looking for a customer support solution to help drive more conversion to your Shopify store, I suggest exploring MooseDesk, a FREE LiveChat, FAQ & Helpdesk App that can help your support experience easier, better, faster!

With MooseDesk, you can engage with customers through omnichannel support, manage inquiries with a robust ticket system, and provide quick responses.

• Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.

Once again, thank you for reading. Wishing you a great day ahead!