[Resolved] Secondary Navigation

[Ian Efford-Lynch]

Hi,
I wanted to know how to create a secondary menu like this website: https://vapiddesigns.com/
I have GP Premium.
Also is there a way to change the spacing in between my picture and my menu: https://i.gyazo.com/2756d0429e8b2ac01cbb6fac1a733491.png

Thanks.
Ian.

[Tom]

Hi Ian,

You can add font awesome icons into a menu pretty easily: https://generatepress.com/knowledgebase/menu-social-icons/

Then just set that menu as your Secondary Navigation theme location and you should be good to go.

It depends which element is causing that spacing.

You can try the “Content” top spacing in “Element Spacing”.

Otherwise I’ll need a link to your site to see.

Let me know 🙂

[Ian Efford-Lynch]

Thanks. For the spacing, I had to change the header spacing all to 0 and now it works. For the Secondary Nav, I am not too sure I know what you mean?

[Ian Efford-Lynch]

I actually just figured out what you meant for the menu, but now the secondary menu is below the main menu. Is there a way to move the secondary menu above the main menu?

Thanks,
Ian.

[Tom]

Which position do you have it set to? (Above Header, Below Header etc..)

[Ian Efford-Lynch]

Above Header.

[Tom]

Typically, the secondary navigation should display below the primary navigation (1,2). Any reason why you can’t just switch the designs of each navigation so the primary nav looks like the secondary nav etc..

That would be your best bet. If that doesn’t work for you, you’ll have to use some PHP to change their positions.

Let me know 🙂

[Ian Efford-Lynch]

I can’t switch the designs because I can’t add the logo to the secondary nav. I think you should add a option to be able to do that because most sites I have seen has the secondary menu above the main one.

I guess I’ll have to do some PHP but a option to allow that would be great.
The only reason I want to add this secondary nav is because then I can have social icons and a how many items you have in your cart and I don’t have any room for them on the main menu.

[Tom]

Try this PHP:

add_action( 'after_setup_theme','generate_move_secondary_nav' );
function generate_move_secondary_nav()
{
    remove_action( 'generate_before_header', 'generate_add_secondary_navigation_before_header', 7 );
    add_action( 'generate_before_header', 'generate_add_secondary_navigation_before_header', 4 );
}

[Ian Efford-Lynch]

Thanks! Where do I put the PHP?

[Tom]

Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

Let me know if you have any other questions 🙂

[Ian Efford-Lynch]

Thanks so much, it works!

• This reply was modified 8 years, 3 months ago by Ian Efford-Lynch.
• This reply was modified 8 years, 3 months ago by Ian Efford-Lynch.

[Tom]

You’re welcome! 🙂

[Ian Efford-Lynch]

One more thing, Is there a way I can align certain things left,right or center? Like have my social icons to the left instead of the right.

[Tom]

You’ll want to give your menu items custom classes and add CSS for those classes: https://generatepress.com/knowledgebase/menu-social-icons/

You can use float: left or float: right, but there’s no option for centering only specific items.

[Author]

Posts