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

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

Home Forums Support replace elementor nav with gp nav and remove header

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #616753
    Tim Zurawski

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

    GP Premium 1.6.2
    #616760
    David
    Staff
    Customer Support

    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.

    #616763
    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

    #616771
    David
    Staff
    Customer Support

    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;
    }
    #616779
    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/

    #616799
    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/

    #616953
    David
    Staff
    Customer Support

    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.

    #617623
    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.

    #617832
    David
    Staff
    Customer Support

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.