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

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?

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 tag


RESULT:

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

Best Regards,
Moeed

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 Please add following code.

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

Laddi

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;
}

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