Remove Header and Footer Homepage

Support
#1

I am trying to design a custom homepage. I tried to just drop in index.html which I have done so many times before but that does not work with pro theme, it breaks the back end. I tried .htaccess work arounds but I am not that good at it.

At any rate, I also tried many and I mean many coming soon and landing page plugins and they all basically ahve the same issue. There is extra html head tag body tag that ruins my custom HTML.

I only want my HTML / CSS output. Like in PHP a flush object buffer etc.

I try to remove the pro theme header and footer from homepage and assign to all other pages which works but then the old X theme header and footer are inserted by default. How can I remove this?

I really need help on this as my client is trying to push the envelope and I also would like to build something really amazing.

Here is the homepage. I want only the body HTML/CSS to show…

http://dev.seaturtlere.com/

#2

The homepage should look like this…

http://dev.seaturtlere.com/search.php

#3

Hello @verobeachmarketing,

Thanks for asking. :slight_smile:

Please edit the page from Pages > All Pages and under Page Attributes change the template layout to Blank - No Container | No Header, No Footer. https://cloudup.com/cLRTmah27ms

Let us know how it goes.

Thanks.

#4

This was done and makes sense but there is still a bunch of garbage output.

http://dev.seaturtlere.com/

#5

Hello @verobeachmarketing,

Thanks for asking. :slight_smile:

On my end you website looks something like this https://cloudup.com/cHpPZQOrier. I don’t see header and footer on your website. Can you please confirm?

Thanks.

#6

It’s supposed to look like…

http://dev.seaturtlere.com/search.php

#7

Hello There,

Please edit your homepage and remove any other text. Only leave the code.

When you insert your code, only insert it in the text tab and not in the visual tab.

And by the way, instead of using this line <div width="100%" height="100%" class="cont">, you may use this line instead: <div class="cont" style="position: relative; width: 100%; height: 100vh;">

Hope this helps.

#8

I can see that we are making progress. It seems to be ignoring my media width controls.

#9

Hello There,

Could you please share the code of your homepage so that I can test the whole code in my local install?

Thank you.

#10

Hi there,

Is it supposed to be in column format? There are many missing styling like a float in which makes them a column. I only see width styling. Could you try copying the sample identically as is?

Thanks!

#11

Here I have it working exactly as the client wants it…

http://dev.seaturtlere.com/search.php

#12

Here is the code exactly as the client wants it…

http://dev.seaturtlere.com/search.php

#13

Maybe instead of trying to implement this in Pro theme. I should keep it out like I have done so many times before with other themes by using index.html

What I need to know is where in the Admin theme code where it is looking for / so I can change it to look for /index.php

It seems to be the previewer tool, maybe by simply changing this one thing everything will function as normal and allow for an index.html landing page.

That to me is the real issue here.

Thoughts?

#14

One thing I forgot to mention is the CSS for the button is Pro themes. If I have removed header and footer why would the CSS be in the code etc. I can see it in the source etc. Another reason I feel moving this out of Pro is best but still having the issue with the admin breaking due to index.html etc.

#15

Hey There,

Please provide us the Authentication credentials so that we can log in to your site.

Thank you in advance.

#16

If it doesn’t let you in, then I need your IP address…

#17

Hi there,

The lander.css is missing in your page, please add it as well along with lander.js, and it should be added where your content/code is. Please remove the code you added in your global custom javascript, script tags aren’t applicable there.

Thanks!

#18

This is done but it loads same as before not 100% height.

#19

I am not able to load the header and footer for edit now that the homepage does not have assigned header and footer etc.

I should be able to choose the page where I want to edit the footer.

#20

For the sake of moving forward I have enabled the header and footer.

Now you can see the buttons are not inline with the form field like the dev page /search2.php

There is also a particle on the button which seems to be from the pro theme css etc.