Collection list heading and button alignment

[emilyaugstudios]

Hi 🙂 Does anyone know if it's possible to move the collection list heading to the left and arrows to the right? Currently the title and overflow arrow buttons sit in the centre. See inspiration below.

URL (Symmetry theme) – https://pantee.co.uk/collections/not-basics

Current look –

What we want –

[Moeed]

Hey @emilyaugstudios 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.hometitle {
    text-align: left !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Tech_Coding · Accepted solution]

Hello @emilyaugstudios 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   h2.hometitle.h4.align-center.has-paging.slider-nav.cc-animate-init.cc-animate-in {
       text-align: left;
    }
    button.slider-nav__btn.has-ltr-icon[name="prev"] {
          display: inline-block;
         float: right;
  }
   button.slider-nav__btn.has-ltr-icon[name="next"] {
       display: inline-block;
       position: absolute;
       right: -27px;
    }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.