Change position of view all (DAWN)

[NOT1]

I am currently using this code for the desktop its ok but for mobile its not good i want it like this but on phone sometimes its near the main title and sometimes its under the title (Btw from the title add link option i have added the link for view all)

@media only screen and (min-width: 749px) {
  .collection__title .title a {
    color: #000000 !important;
    font-size: 14px;
    margin-left: 16px !important;
  }
}
@media only screen and (max-width: 749px) {
  .collection__title .title a {
    color: #000000 !important;
    font-size: 14px;
    margin-left: 100px !important;
  }
}

[BSSCommerce-B2B]

@NOT1 , Can you kindly share your url store?

[NOT1]

Thanks for your reply 

[BSSCommerce-B2B · Accepted solution]

@NOT1 ,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
@media only screen and (max-width: 749px) {
    .collection__title .title.inline-richtext {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between; 
    }
    .collection__title .title a {
        margin-left: 0px!important;
    }
}
</style>

result

[NOT1]

Now pc got ruined 😞 

[BSSCommerce-B2B]

I've just edited my code did you copy it?

[NOT1]

Thanks it worked 

[BSSCommerce-B2B]

@NOT1 ,  Glad to hear that bro 😊

[Made4uo-Ribe]

Hi @NOT1 

For mobile devices, the smaller the screen, the more the space squeezes out, causing the content to move below the heading. This is normal for smaller screens. However, if you want the content to always stay on the same line as the header, we will need to adjust the header font size. Would you mind to sharing your store URL? Thanks!

[NOT1]

Thanks for your reply  but i have got the solution already dont mind ✌️