Home Forums WoodMart support forum Pre Built Website – Alternative Energy – Remove Space Between Header & Body Reply To: Pre Built Website – Alternative Energy – Remove Space Between Header & Body

#503505

Eric
Participant

I wanted to give you an update as this may help others that are wanting to get the same results that I am trying to achieve. I thought I was making progress until I messed up my header seetings. Now I want to remember the steps involved to upload the original header. Lesson learned, I should have made a copy and edited the duplicated version.

I created a test page and saw in this support forum how to disable the page title and that also removed the big empty black space between the header and the content at the top of the page.

Disable Page Title

This removed too much area and I needed to create some blank space so that there would be some padding as some of the page content was above the top page and not visible. The header was also not being displayed. I added a spacer and colored the container green so I could identify its area in a browser as I previewed my edits.

Spacer at the top of the page between header and content

I did not save a screenshot as what it looked like at this point. The header was too high though and some of it was missing. I finally figured out the solution which was adding space to the top section of the header. During this process though, I messed up some of the other settings so I need to start over.

Top menu bar settings

I finally got the measurements of the page and the header how I want them. I just need to fix my header. I am hoping for an easier way to do this so it is either in the php or css so I don’t have to do this for every new page I create.

Here is how it looks in the browser.

Here is how the spacing looks that I wanted to get to look.