TomYoungDJ
03-11-2021
09:37 AM
Thread Options
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Removing Nav bar, logo and footer?
Hey!
I would like to create an 'Under Maintenance' page for my site that i can make the home page when i need too.
Is there a way i can have a page and remove the logo, the navigation and the footer... so its basically just a blank page which i can add some text too?
My website URL is: https://www.mickybevents.com
Im not sure which theme i am using sadly!
I have seen other threads on this but only for one or the other, not all 3 to be removed!
Thanks!
Reply
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
3 REPLIES 3
PaulMathews
03-12-2021
06:09 AM
Thread Options
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
- Create a new page header type. We'll call this "Maintenance." In the Site Editor, click Theme. In the Code Editor, click the "+" sign to the right of the "Header Type" label in the left-hand sidebar. Choose "New Header Type" and rename the new type to "Maintenance." Click on the "No Header" header type. Copy ALL of the code you see in the code pane. Click on the "Maintenance" header type, delete all the existing code and paste in a copy of the No Header type code.
- Scroll through the Maintenance header type code to find all instances of the mustache code for the logo, the navigation menu, and the footer. The logo mustache code looks like this: {logo}. The navigation menu mustache code looks like this: {menu}. The footer mustache code looks like this: {footer}. To turn these items off, wrap them in divs with the display set to hide: change {logo} to <div style="display:none;">{logo}</div> and change {menu} to <div style="display:none;">{menu}</div> and change {footer} to <div style="display:none;">{footer}</div>. Note that there may be more than one instance of these mustache elements in the page code so scroll down to check if there are additional logo and menu elements and repeat this display change to them as well. Save your changes and return to the Site Editor. With regard to the footer, if the footer mustache code is already wrapped in a div with the class or id of "footer", you'll have to add style="display:none;" before the div's closing caret (">") to turn off the footer wrap styling.
- Change page header type of the Under Maintenance page to "Maintenance." In the Site Editor, click "Pages" then click the Under Maintenance page in the pages stack in the left-hand sidebar. Change the "Header Type" setting from its current type (probably "Header") to "Maintenance." Note: if you don't see the Maintenance header type, go to another page and then return to the Under Maintenance page and try again.
Thread Options
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Hi Paul thanks for this man. Im half way through the instructional you posted then I came to the part you said to "wrap them in divs"... Im a noob sorry... what does that actually mean? Pls and thank you
Reply
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
PaulMathews
03-13-2021
05:50 AM
Thread Options
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
@AZKIKR When I say "wrap them in divs," I provide the actual div wrappers right after that. So, the {logo} mustache element, when wrapped in a div that hides that element, looks like what I wrote right afterward: "<div style="display:none;">{logo}</div>"
Reply
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report