Will this work to create a header that shows on all pages?

I designed my own header on my home page but I have to recreate it for each additional page that I can design with Elementor. That's a pain but not a huge problem. However I cannot get my header to look the same on non-Elementor pages. I just watched the video on page linking and I'm wondering if this will work.... Create a new page, then use Elementor to place only a header on that page which I will then customize to the way I want. Then in the page linking section I select that page for the header area. Will that give me a header that shows exactly the same across all pages of my site?

Created: April 14, 2019 at 4:43 am
  • In: Directory Theme
  • Started by: Susan
  • 2 members left 6 comments
  • Last reply from: Susan

  • JamesD
    April 14, 2019 at 9:22 pm

    Hello Susan,
    I designed my own header on my home page but I have to recreate it for each additional page that I can design with Elementor. Thatโ€™s a pain but not a huge problem. However I cannot get my header to look the same on non-Elementor pages.
    Note: I’m assuming you’re using v9.

    A couple questions…
    Are you trying to change the header to be used site wide (including Home page) or are you going for different headers depending on the page?

    Also, what exactly did you do to create/change the header for the home page and? ( a via WP page with or without elementor, via changing template file… etc)
    Will that give me a header that shows exactly the same across all pages of my site?
    The header may need to be styled or re-styled to fit properly. (depending on the type of design changes made and what you’re trying to accomplish.)

  • Susan
    April 15, 2019 at 4:12 am

    Thanks for your response James. Yes I am using V9, latest update.

    Sorry for the confusion, I have discussed this issue on a few different threads so perhaps I think I’ve explain more than I actually have.

    All I want is to have a header that displays the same across all pages of the site. Getting that to happen is where I’m having problems.

    Here’s what I’ve done so far:

    Under Premium Press > Design Setup > Page Builder I installed the home page template. Then I edited it to create an entirely new home page because I didn’t like the one that Elementor created for me based on the child theme I had chosen. It looked nothing like the child theme so I basically started from scratch to redesign it. That included customizing the header on the home page by dragging a header widget to the top of the page. Using that default header, I then changed the background colour and added some CSS to change the colour of the top bar that someone (probably you I think!) helped me figure out. I’m happy with the header.

    Now I go to edit another page in Elementor The only two page templates available to me under Premium Press > Design Setup > Page Builder are Listing Page and Search Page. The header appears on these pages when I open them in the Elementor editor, but I had to add the colour customizations to these pages again. That’s fine, I was able to do that, but I thought that a header was meant to display the same across the entire site so I was a bit confused as to why I had to do this.

    Something is not right though, because in the preview for the search page I am seeing double…the page contains all the elements, plus a complete set of duplicate elements. So I see a header, a search widget, a results section, a footer, then all of the above again displayed right underneath. The listing page is similar, but I have one header without the colour customization then another header with the customization but it’s squished against the left margin of the page.

    On pages that do not use Elementor for an editor, the header lacks the background colour customization and I don’t know how to get it to change. One of my original questions in another post was how to get the background colour to match on these pages.

    I think what I’m wanting should be simple to do…customize a header and have it display the same across all pages of the site. But between having to use different editors for different pages, and there being a number of different methods to customize (Elementor, WP Editor, Custom CSS etc), I’m feeling rather confused about how to get the various pages to display as I want.

    I guess I don’t really understand how Elementor works with WP, and why I can/must edit some pages with Elementor but others I have to use the WP editor. I also don’t understand what Elementor Templates are and why there are different page templates. Then there’s custom CSS on top of all that. I get overwhelmed because I just want a simple header and a very simple website design, but I can’t seem to get there from here. In other site builders I’ve used, I design my site’s overall look and feel and then every page is built on top of that so that all the sitewide elements like header, footer, navigation, etc are the same on all pages.

    I actually looked at hiring someone to do the design as I saw that Premium Press partners with Codable for design work. The thing is, i want to understand how my site works so that I can make changes in the future if I want to. I’m not opposed to paying someone to get the design done, but I also want to understand the how and why of what’s been done. I would pay for someone to teach me or to do the design and then show me what was done and why, but it won’t help me in the long run to pay someone to just do the design.

    Sorry for the long post (and the blowing off of steam!).

  • JamesD
    April 15, 2019 at 5:04 am

    Hi Susan,
    Are all of the header changes you make CSS related?

  • JamesD
    April 15, 2019 at 5:15 am

    Hmmmm… Your enthusiasm to learn interests me.

    Like you I’d rather learn how to fish than have someone fish for me. ๐Ÿ™‚
    I’d be happy to teach you to fish as you build your site. Feel free to contact me at [customphix @ gmail . com] and I’d be more than happy to help with and/or try to explain various issues you run into.

    I know the pain and hiring a coder is overkill for minor stuff that appear major. Especially if it’s a stupid/quick/easy fix. Many coders have no problem taking advantage (IMHO).

  • JamesD
    April 15, 2019 at 8:36 pm

    Note: If all the header changes made in Elementor were style related then everything should be able to be handled via CSS (like you did in the other post) without needing Elementor for those changes.

  • Susan
    April 21, 2019 at 4:25 am

    Thanks for the replies James, and my apologies for not being around this week. In one of my other lives I’m a farmer and it’s been a busy week with new babies arriving. I will email you to discuss fishing. ๐Ÿ˜‰

Viewing 7 posts - 1 through 7 (of 7 total)