How can I reposition the page title below the logo/header?

[Lorcanmcp]

Hi all, 

On some pages the title is covering the header (logo) 

How do I move the title of the page below the logo/header? 

[Moeed]

Hey @Lorcanmcp 

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>
@media screen and (min-width: 768px) {
.page-width--narrow {
    padding-top: 160px !important;
}
}
</style>

RESULT:

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

Best Regards,
Moeed

[laddisahsi]

Hi @Lorcanmcp 

You can follow the following steps:

1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. Before end of </head> Please add following code.

<style>
section#shopify-section-template--20602637680936__main {
    padding-top: 10% !important;
}
</style>

If this solution is worked, then please Like this and Mark this as accepted solution!

Laddi

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

main#MainContent {
    margin-top: 85px;
}

[PageFly-Henry]

Hi @Lorcanmcp 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

h1.main-page-title.page-title.h0.scroll-trigger.animate--fade-in {

    margin-top: 100px !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly