Featured collection view all link or button to the right of collection title

[DMMinis]

It looks like several individuals have been able to get this completed.  I found a code that almost got me there, but when you resized the window it would ruin how it was aligned.  Would appreciate some help.

URL is www.dmminisus.com

Thanks for any help.

[Sonya_2025]

Hi @DMMinis 

Pls follow below steps to achieve your needs

1. Open your theme editor

2. Select the homepage template

3. Select the feature product collection

4. Paste the code to the right bottom of the custom css input box

.collection__view-all {
  text-align: right;
  padding-right: 10px;
}

Hope this helps.

[DMMinis]

It unfortunately did not work to realign the view all.

[DMMinis]

I'm looking for something like this - 

[Sonya_2025 · Accepted solution]

Hi @DMMinis 

To achieve your needs, pls follow below steps:

1. Open your theme code editor

2.Find the file Featured-collection.liquid in the sections folder

3.Find the code that render the button View all. Here

4. Copy the code to the title, here

5. Remove the code at the step 3

6. Copy the code and paste it at the end of the file

<style>
  .collection__title {
    display: flex;
    justify-content: space-between;
  }
  .collection__title h2 {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important; 
  }
</style>

Hope this helps.

[DMMinis]

Worked perfectly. Thank you so much for your help!