Navigation Bars

[juliemmh]

Is it possible to add an additional navigation bar below the logo/tagline/menu? Like full width across?

I assume I add the menu to the functions file in the child theme, and then add the

general-header-section.php file into the child theme and alter that. Yes? More complicated?

See mockup

Attachments:

You must be logged in to view attached files.

[juliemmh]

This reply has been set as private.

[juliemmh]

For the life of me, I can’t edit the css in this new menu . . . although I can’t edit any of the css using the child’s style.css file – but that’s another ticket 🙂

[sharmstr]

You can edit the header file, but why not just use the available hooks instead? https://archived.seventhqueen.com/documentation/kleo#hooks

do_action(‘kleo_before_main’,’add_my_menu_please’) is your friend here 🙂

Its hard to single out the menu you’ve added because you haven’t added a custom class selector to it or wrapped it in a div with a class or ID to make it unique. Any css you do to it, will also be done to the normal main menu as well.

With that said, give me an example of what you’re trying to change and I’ll help.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[juliemmh]

Ah yes, that would have been easier, but I wanted it before the breadcrumb section – could I have still done it with a hook?

Yes, that makes sense about not wrapping it with a div and assigning it a class. I was wary about it – because essentially this is my main menu, and I was worried about assigning a new class to it and not having it function like the main menu – but it would right, just have an extra class assigned to that specific menu? I guess I know just enough to be dangerous.

So would I add a div with a class to this part of the functions.php?
<?php
// Full menu
echo $fullwidth_menu;
?>
I’m trying to change the background color of this menu section (so not just the menu, the whole container) and the center the menu, change text color, height of the menu, etc.

Thanks so much!

[sharmstr]

Sorry for the delay in responding. Looks like you’ve made some progress.

You’re right, there is no hook between the menu and breadcrumbs. Sorry about that.

Looks like you tried to set the background color to black. You need to add the .nav container to it.

COPY CODE

.full-width-nav .nav {
background-color: #000;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

wait. I see what you’re trying to do now. You want the entire full-width-nav to be black. couple of things.

1 – Put a min-height on it

COPY CODE

.full-width-nav {
    background-color: #000;
    min-height: 30px !important;
}

Also, you have a full-width-nav inside a full-width-nav. Get rid of one 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[juliemmh]

Awesome! Thank you for being such a huge help!!

[Author]

Posts