nav item highlight for subpages

[Florian Milz]

Using the lawzo theme I’d like to have the parent nav item to remain highlighted when visiting a sub page – for example when reading a blog entry (website.com/blog/entry1) I’d like to have the blog parent nav item (website.com/blog) to be highlighted so the visitor understands where the active page belongs to in the navigation.
Could you please provide me with the appropriate code?

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

#mainnav ul li:hover a { color:#336ba5 !important;}
#mainnav ul li:hover ul li a { color:#fff !important;}

Regards,
Chris

[Florian Milz]

Hello Chris

thank you for your feedback. I added the css but unfortunately the code provided doesn’t seem to be working.

The webpage is [obscured] and if you click on a blog entry to view one of the entries the navigation item “Neuigkeiten” remains inactive.
Please be so kind and assist me further.

Kind regards
Florian

[Sonl Sinha]

Hi,

It is only possible when you make a menu item child of a menu item like submenu. If you want Blog to be highlighted then you have to make Entry1 a submenu(child) item of Blog in primary menu.

Regards,
Chris

[Florian Milz]

Does this mean that my client would have to manually add every new blog entry as a submenu?

Is there a way to create a submenu without the main menu bar showing the drop-down menu items and the drop-down arrow?

[Sonl Sinha]

Hi,

If you want Blog to be highlighted while visiting blog posts kindly edit header.php file and paste below code just before </head> at the end.

<?php if(is_single()) { ?>
<style>
.header .header-inner .nav ul li.menu-item-4690 a{background-color: #f5f5f5 !important; color: #0076d9 !important;}
</style>
<?php } ?>

Regards,
Chris

[Florian Milz]

Hi Chris!
Thank you for your support. Your code worked perfectly.
Also I successfully hid the dropdown menus (.sub-menu {display: none !important;}) which I didn’t want to be displayed in the menu bar despite the navigation item to be highlighted.
For some reason the sub-menus still show up on the mobile and tablet version of the website. Now I would like to hide the downward facing arrow which indicates a dropdown menu and also hide the sub-menus on the mobile and tablet version.

Can you please also help me with this?

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:1023px) {
.header .header-inner .nav ul li ul, .header .header-inner .nav ul li ul ul { display:none;}
}

Regards,
Chris

[Florian Milz]

Hi Chris

thank you so much for your help! Now I only have one more problem I need help with:
If you check out my website and visit the “team” page (domain.at/team/) and then click on one of the team members the URL changes to “domain.at/neuigkeiten/team/team-member” (“neuigkeiten” being the blog page) instead of “domain.at/team/team-member”.
If you enter the “correct” url (domain.at/team/team-member) by hand then the page redirects to “domain.at/neuigkeiten/team/team-member” automatically.

Do you have a solution for this behaviour?

[Sonl Sinha]

Hi,

This can only be done via coder.

Kindly send us your WordPress admin details (Username & Password) via sktthemes.net/contact Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Chris

[Sonl Sinha]

Hi,

This issue was resolved from our end. Kindly check and confirm.

Regards,
Chris

[Florian Milz]

Hi Chris

Now the domain.com/team shows an archive page including sidebar with all the team members and the “team” nav item is not highlighted.
When I visit domain.com I would like to show my custom team page at domain.com/team from where I link to the team member pages with the “team” nav being highlighted.

Kind regards
Florian

[Sonl Sinha]

Hi,

This issue was resolved from our end. Kindly check and confirm.

Regards,
Chris

[Florian Milz]

Thank you for resolving this issue.
Can you please also provide me with the appropriate code to have the “blog” nav item (neuigkeiten in my case) highlighted when I view an archive or category page?

Kind regards
Florian

[Sonl Sinha]

Hi,

This issue was resolved from our end. Kindly check and confirm.

Regards,
Chris

[Author]

Posts