Elementor header for posts vs pages (Main Nav & Logo)

  • Resolved Jim

    (@kernix)


    5 years, 10 months ago

    I watched a YouTube video on creating a website using OceanWP and Elementor. I learned things about Elementor that I had no clue about. Anyway, it showed how to create the pages with Elementor (free version) AFTER setting up a menu in Appearance > Customizer. I’m happy with the header on each page, though I’ll probably make changes later. I bought the domain less than a week ago.

    But the video only covered making the header for pages, not posts.

    QUESTION: How do I duplicate the header that I used on my pages and have it show for every post that I create?

    I’ve tried to duplicate the header in a private post using Elementor but it does not render correctly. It’s wrong. Many things are wrong. What I’m happy with is the page link that I added for this post.

    So I went into Theme Panel > My Library > Add New to create what I named Post Header. Finally, after the 4th try, I was able to ALMOST duplicate the page header onto a post.

    I used the Elementor widget called Custom Header Nav. And it has a setting to select your saved menus, and I selected the one I created in the Customizer called Main Nav. But it only pulled the Main Nav and the not the Logo. I didn’t realize until just now that the logo on the far left is not a part of the nav menu.

    I wish I could post a link to a post, but I haven’t posted one yet. Just imagine my page heading without the logo, and that is what my post heading looks like. So it comes down to a few questions:

    1. Why didn’t my copying of the page header carry over to a post heading? Is there a setting somewhere that I am missing?
    2. Is there a way that I can add my logo in the same position as my menu? I can add a logo, but it either has to go above or below the menu.
    3. Or my option is to not have a logo in the header for posts. Do you think that is a problem?

    Any help is appreciated. If you want, I can post all my settings for the page and post headings that I have in Elementor, as well as the settings in my post under OceanWP Settings.

    • This topic was modified 5 years, 10 months ago by Jim.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Jim

    (@kernix)

    I figured it out – created a 2 column element in Elementor – custom logo in one, custom nav in the other – used the shortcode in my Post Header library item or whatever. I then used the shortcode for the header in my post – everything is as the normal page header except I can’t get the underline from the left effect that I created in the Customize section – so I removed it.

    Glad to hear that you found a solution! If you will use ‘>>Custom Header Nav’ widget to add menu in the Elementor template, then it will follow all the customizer settings.

    Thread Starter Jim

    (@kernix)

    That’s what I used but the actual result is a menu added over the menu created in the customize screen. I watched a video on transparent headers. Something about setting the Elementor template to transparent. Can’t quite remember, but I should not have to add a menu and logo.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Elementor header for posts vs pages (Main Nav & Logo)’ is closed to new replies.