Remove header and footer from Refresh Theme

Hi

I am using the Refresh theme for my website. Our website is not launched yet, we only have a password protected landing page. I want to remove the header and the footers from the page. I only want the image that we have on the design to appear. I also want the social media icons to appear on the bottom of the page as well. Can someone help, please? Thank you so much

1 Like

Hi @mansaf ,

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

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

Step 2: Search file base.css.

Step 3: paste below code in bottom of file → save.

header, footer {

display: none;

}

Hope that my solution works for you.

Best regards,

PageFly

Hi @mansaf

My understanding is to remove the header and footer except the icons on your password landing page. If so, please follow the instructions below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
.list-social:not(:empty)+.password__footer-caption, small.password__footer-login.password__footer-text,div#shopify-section-main-password-heade  {
    display: none;
}
1 Like

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:
.section-header {
display: none;
}
.footer {
display: none;
}
.announcement-bar__message {
display: none;
}

Thank you so much! This solution is the best because it shows the social media icons on the bottom. However, the password header still shows on the page (where it says enter using password on the right side of the header and on the left side is our logo). Is there a way to remove this header?

Here is my website: drinkmoonvalley.com

Also, when viewing on a phone it looks like there’s white space below the image and above the social media icon footer.

Hi @mansaf ,

You can try again with this code:

Follow this:

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

.password-header {
    display: none;
}
div#Banner-template--16362590503171__main {
    height: 100% !important;
}

Hope that my solution works for you.

Best regards,

Victor | PageFly team