How to put "View All" button on the same line as the featured collection title? DAWN THEME

[heyheyheyy]

Right now, the featured collection title (Toploaders) is above the "View all" link button as shown in the attached image.

I want them to be on the same line next to each other. 

I've tried a bunch of base.css codes I saw in other threads asking the same question but none of them do anything for my site. Please help!! 

[BSS-Commerce]

Hi @heyheyheyy 

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

[heyheyheyy]

Here is the link: https://munjournalss.myshopify.com/

[BSS-Commerce]

Hi @heyheyheyy 

You add this code at the end of the file base.css

.collection__title.title-wrapper{
   display: flex !important;
   justify-content: space-between !important;
   align-items: center !important;
}

We tested as the image below:

I hope that it works for you.

[heyheyheyy]

Thank you for your reply. Unfortunately, that didn't work when I tried it. 

[GemPages · Accepted solution]

Hello @heyheyheyy 

You can follow these steps:
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

    {%  if template contains 'index' %}
<style>
#MainContent .collection__title.title-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
</style>
    {%  emdif  %}

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

[heyheyheyy]

This did the trick! Thank you so much!

Edit: I did have to fix the last typo "emdif" to "endif" but otherwise worked like a charm!

[FloridaGlow]

@GemPages I'm on Dawn 14.0 and it didn't work, can you please help?