[Resolved] Fault when merging header

Home Forums Support Fault when merging header

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #332432
    Joel

    I’m having an odd issue. I got the menu working on the homepage of a site I’m working on, but when I repeat the process on other pages it pushes the menu (main and secondary) to the far right. I’m trying to either merge the menu’s with header like I have on the front page. OR if possible have a coloured background for the menus on every page BUT the home page?

    http://bit.ly/2riL5HW

    GeneratePress 1.3.48
    GP Premium 1.3
    #332445
    Joel

    UPDATE:

    Part of the issue here is in order to get the secondary menu to be transparent on the homepage I’ve had to take away the background colour.
    If I add it back in for the other pages the background colour shows on the homepage too.

    Is there a way to merge the secondary menu with header like the main menu? This way I wouldn’t need to use <span> on the other pages avoiding the issue of the menus jumping to one side.

    #332463
    Tom
    Lead Developer
    Lead Developer

    The alignment issue is due to the fact your page header container type is set to contained: https://docs.generatepress.com/article/merging-header-navigation-content/#setting-the-container-type

    The secondary navigation doesn’t currently have the same color options in the page header as the primary navigation. It would be easier to remove the background color on the pages it needs it on than to add it back to the pages that need it:

    .secondary-navigation {
        background-color: transparent;
    }

    You can add that to specific pages using my Simple CSS plugin 🙂

    #332473
    Joel

    Thanks for the reply Tom.

    I’ve been trying to get that CSS working since posting my earlier comments.

    I added it to the first section, custom CSS in Elementor. When still editing the page the secondary nav is transparent, but when trying to view it later the background colour is back.
    I’m tried adding !important; to the css but no change.

    #332475
    Joel
    #332496
    Leo
    Staff
    Customer Support

    Hi there,

    The CSS is just getting overwritten right now.

    Give this a shot:

    .generate-combined-header .secondary-navigation {
        background-color: transparent;
    }

    Let me know.

    #332505
    Joel

    That’s got it working. Thank you!

    #332506
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.