Creating a Master Page

[slymudbug]

I'm sure I have to be doing something wrong, but somehow the header and footer elements aren't working properly for me.

The header snaps to the top of the master page, but I cannot drag and drop any elements into it. If that's not something I should be able to do, then that's fine - I'll figure something out - but I would like to put a carousel there if possible, but if it's not an actual header, when I place something on the home page it goes on top of everything. Also, this was working properly last night and snapping everything below the header where it should be, but this morning, I didn't change anything and it's placing everything on top of the header anyway. I'm sure I had to have done something, but I don't know what since I haven't touched it.

When I add the footer, it doesn't show up on the preview. I can't scroll down to see it. The home is blank (due to the issues mentioned above) but when I worked under my dad a few years ago (I have not used this program with version 17/18) he seemed to have no issue with setting up the master page nor did I ever have issues building the rest of the website afterwards.

Thank you in advance!

[Pablo]

A page header is basically a layer. It only supports fixed /absolute positioned elements.
If you are using flexible layout then it's better to use a layout grid set the header mode instead. The same applies to a footer.

If you need further assistance then please share a DEMO project.

[slymudbug]

I think this will work? I used to have a server, but I closed it just a couple of months ago. If there's a better option, please let me know.

https://github.com/slymudbug/Demo

[Pablo]

You have multiple footers, there should only be one.
Please open the Object Manager and remove all footers except for PageFooter4

Also, the footer is set to 'floating', so if there is no other floating content on the page (like layout grids) then it will be behind the header.

[slymudbug]

Okay, thanks. Should I set it to fixed?

There was another issue, and what you said may clear it up as well, but on the home page I was unable to place anything under the header. When I drop in a flex container, it places it on top of the header instead of snapping under it.

[Pablo]

Fixed keeps it at the bottom of the browser window. Floating adds it after other content.

The header is absolute, so floating content will also be place behind it.

If you are using flexible layout then it's better to use a layout grid set the header mode instead. The same applies to a footer.

[slymudbug]

So I need to make sure the header is set as fixed as well so that when I place things on other pages they will go under the header instead of on top of it. Is that correct? I don't remember changing the header to floating, but I may have when I was trying to figure out why things weren't working... I'm aware that most of the time these things are user errors, so I feel bad for taking up your time. I do appreciate it, though. Thank you.

[Pablo]

It depends on what you want. There are many options, it up to up you which ones you want.

[slymudbug]

I don't think I was clear in my description, so I apologize. What I mean is, right now, on the home page, when I try to place content, it doesn't work. On the master page, I have the header at the top and I was going to add the pages I need before creating navigation. However, I was trying to place content on the home page to make sure it was working since I was struggling with the footer, but it put everything over the header.

For example, this page has the WYSIWYG header, navigation, and then the forum. My issue would be the forum being overlayed on top of the header, so you would not be able to see the WYISWYG logo or even the navigation because it would be blocked by the forum. On my home page, I place a flex container and it is overlayed on top of the header instead of snapping into the space underneath where it's supposed to go.

It's probably a user error, but I am kind of stuck where that's concerned. I'm unable to troubleshoot it on my own right this moment since I am at my day job and don't have my laptop with me, but I also don't really know where to start at with troubleshooting it.

[Pablo]

A Page Header is a fixed / absolute layout container. it is meant to be used in combination with other fixed /absolute content. it does not affect the document 'flow'.
So, if you add a layout grid (flexible layout) then it will go behind it. This is logical behavior, not specific to the software.

If you are using flexible layout then it's better to use a layout grid set the header mode instead. The same applies to a footer.

To learn more about the different layout modes please see this related tutorial:
https://www.wysiwygwebbuilder.com/layout_modes.html

[slymudbug]

I said it was probably a user error...

Thank you, I will try this tonight. I did try placing a header and footer in a grid, but it didn't seem to work. I may have done it wrong or something. I'll check out the tutorial again and try it again. I took a break last night so hopefully I won't be as mentally exhausted this time around and can figure it out!

[Pablo]

I may have done it wrong or something.

You cannot put a fixed /absolute layer inside a flexible container.