Custom CSS to centralise button on mobile only

Store Design

Topic summary

A user seeks custom CSS code for two mobile-specific design adjustments:

Primary requests:

  • Center a “Shop Now” button on mobile devices only
  • Reposition an H2 heading (“BIB & SMOCK SHOP”) to prevent overlap with an image

Current status:
Multiple respondents have offered assistance but require the store URL (and password if applicable) to diagnose the issue and provide a tailored solution. The discussion remains open, awaiting the original poster to share their store link so helpers can inspect the current layout and suggest appropriate CSS modifications.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Hello, please can anyone help with the code I would need to enter to:

  1. Make the “Shop Now” button central on mobile version only;

  2. Move the H2 (BIB & SMOCK SHOP header) down so it doesn’t appear so close underneath the photo? Again, mobile only.

Thanks for any help you can provide :slightly_smiling_face:

Shopify help.jpg
Shopify help.jpg828×1275 91.8 KB

2

Hello,

Can you please send your page url!

3

Hi @PBath
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

4

Hello @PBath

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.