Debut Theme - Move page title down on all pages

Solved
Bo
Shopify Staff
Shopify Staff
1667 173 480

This is an accepted solution.

Hello again, Mandy 

 

For the Customer Login page please do the following:

 

1. Go to Online Store > Themes > Actions > Edit Code. 

2. Open the customers/login.liquid. 

3. Find this line of code: 

        <h1 id="LoginHeading" class="text-center">{{ 'customer.login.title' | t }}</h1>

4. Replace it with this line of code: 

        <h1 style="padding-top: 30px;" id="LoginHeading" class="text-center">{{ 'customer.login.title' | t }}</h1>

5. Click Save. 

 

All the Best,

Bo

 

Bo | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Bo
Shopify Staff
Shopify Staff
1667 173 480

Sorry I almost missed this part, Mandy! 

 

To make this change for the Search Results Page:

 

1. Go to Online Store > Themes > Actions > Edit Code.

2. Open the search.liquid and find the following line of code: 

      <h1 class="h2">{{ 'general.search.title' | t }}</h1>

3. Replace it with the following:

      <h1 style="padding-top: 60px;"class="h2">

4. Click Save. 

 

Of course, just as in the initial tutorial you can make the spacing larger or smaller by making the px larger or smaller - this also applies to the customer login page. 

 

Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

 

All the Best,

Bo

 

Bo | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
MandyLT
Excursionist
34 0 3

Perfect!  Huge thanks  

0 Likes
MandyLT
Excursionist
34 0 3

Hi Bo, 

This one didn't work but i have found where i need to enter the code.  It's probably me not explaining it properly in the first place.  See below where i've inputted the code you gave in order to make it work as needed.  

Thanks Bo.  You've been a great help! 

Mandy  

Screenshot 2020-11-27 at 15.26.33.pngIMG_7032.PNG

 

Bo
Shopify Staff
Shopify Staff
1667 173 480

This is an accepted solution.

Apologies for that, @MandyLT ! 

 

Replace the code you've inputted, i.e.

      <h1 style="padding-top: 60px;"class="h2">

 

With this:

 

      <h1 style="padding-top: 60px;" class="h2">{{ 'general.search.title' | t }}</h1>

 

Click Save.

 

Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

 

All the Best,

Bo

Bo | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog