[Support request] replace elementor nav with gp nav and remove header

[Tim Zurawski]

David, per your request, I have opened a support topic

[David]

Hi Tim, thank you.

So first off, the Navigation Colors can be set in the Customiser > Colors > Primary Navigation.
To create the underline we need this CSS:

.main-navigation .menu>.menu-item>a:hover:after {
    content: "";
    position: absolute;
    right: 50;
    left: 50%;
    bottom: -1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 80%;
    height: 2px;
    background-color: currentColor;
    -webkit-transition: 0.3s width ease;
    transition: 0.3s width ease;
}

The bar will inherit the current or hover color that was set in the Customiser.
You will now use the default template for your pages, and this will be used throughout.

I believe you have CSS for hiding certain elements you don’t want.
But to cover off certain elements. Footer Widgets can be set to 0 for all pages via the Customiser > Layout > Footer. Sidebars can also be set from the Customiser > Layout > Sidebars.

For specific elements on the pages you are going to design in Elementor look for the Layout meta box in the WP Page editor:

https://docs.generatepress.com/article/layout-metabox-overview/

Note: GP 1.7 is currently in Beta and one of the updates includes a new Elements module that allows you to make Layout changes across the site or conditionally for different pages. This will save you doing this manually in the future as well disabling elements such as the title on those product pages.

Let me know how you get on. And whether you need assistance with a header.

[Tim Zurawski]

David,
Where do I place that css code?

How to “not use a header”. I see header options width contained, full, but not a no header option

thank you

[David]

Hi Tim,

this article covers CSS – easiest option is to add it to the Additional CSS in the Customiser, but i can highly recommend using the Simple CSS plugin linked in the article, this will also appear in the customiser:

https://docs.generatepress.com/article/adding-css/

To remove the header globally use this CSS for now, the option will be available in GP 1.7

.site-header {
    display: none;
}

[Tim Zurawski]

David,
Put in both css with custom css

How do I style the menu and how do I use the GP menu I just created to replace the elementor menu?

http://longshotbridge.com/store/long-shot-bridge/

[Tim Zurawski]

The menu is now displaying pages that are not even listed in either menu!
how strange is that?

http://longshotbridge.com/store/long-shot-bridge/

[David]

OK, so the CSS is working.
Colors – Customiser > Colors > Primary Navigation:
Background / Background Hover / Background Current you can set to transparent.
Text Hover and text current set to your blue.

Menu items – Customiser > Menus – select the menu you are using in the old elementor menu and then check the Primary Navigation checkbox. Otherwise WP will automatically add one for you which includes all parent pages.

To use the navigation on your Elementor created pages, open the WP editor on each page and select the Default Template instead of the Elementor one. Then its a case of deleting the Elementor navigation.

[Tim Zurawski]

David,
Just can’t seem to find what you have listed as

Colors – Customiser > Colors > Primary Navigation:
Background / Background Hover / Background Current you can set to transparent.
Text Hover and text current set to your blue.

I don’t have any options for changing menu.

[David]

Make sure you have the Colors module activated in WP Dashboard > Appearance > GeneratePress.
Then in the Customiser > Colors select the Primary Navigation for styling the Navigation

[Author]

Posts