sparkles2.png

Remove Header

 

This effect is mainly used for landing pages or homepages where you may want a nice row background image effect, however on some pages you may also want a unique/custom header. This code removed the default header from the site from the select page.

 
 
 

See the effect in action

 
Screenshot 2021-07-06 at 11.29.30.png
 
 
 

How to use the Effect

Simply head to the 'edit CSS' section of Blocklab whilst, copy and paste the below code in, hit 'Save' and then go back to Blocklab and hit 'Publish' to apply the effect.

 

HOMEPAGE

#shop .homepage #blocklab-header {
    display: none !important;
}

 

OTHER PAGES

#shop .landingpage #blocklab-header {
    display: none !important;
}

(To set the page to remove the footer, change the part in Blue to match the page name (remove any spaces. For example, /pages/landing-page because .landingpage))