Text Alignment : Hero Page for Vessel Theme

Store Design
,
1

Hello , I want text on my hero page to be left aligned in desktop and centre aligned for phone. I have tried some coding but it refuses to budge . I might be doing something wrong. Would appreciate the help. : ) . The theme used is vessel .

2

For Hero section set it to centre align and add this code into section Custom CSS setting:

@media (min-width:750px) {
  .hero__content-wrapper {
    --horizontal-alignment: flex-start !important;
  }
}
3

Hi @Simran_Bhanushali

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

4

Hey @Simran_Bhanushali Welcome to Shopify Community can you please share the URL of your website

5

That totally worked ! Thank you!! anyone in future reading it - make sure your text is set to Width : Fit & Max Width : None.