nav item highlight for subpages

Home Forums Lawzo Theme Support nav item highlight for subpages

This topic contains 35 replies, has 3 voices, and was last updated by  Forum Moderator 1 year ago.

Viewing 15 posts - 1 through 15 (of 36 total)
  • Author
    Posts
  • #77610

    Florian Milz
    Member
    • Topics: 2
    • Replies: 17
    • Total: 19
    Member since: May 31, 2017

    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?

    #77827

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    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

    #77860

    Florian Milz
    Member
    • Topics: 2
    • Replies: 17
    • Total: 19
    Member since: May 31, 2017

    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

    #77946

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    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

    #78015

    Florian Milz
    Member
    • Topics: 2
    • Replies: 17
    • Total: 19
    Member since: May 31, 2017

    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?

    #78070

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    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

    #78271

    Florian Milz
    Member
    • Topics: 2
    • Replies: 17
    • Total: 19
    Member since: May 31, 2017

    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?

    #78282

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    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

    #78352

    Florian Milz
    Member
    • Topics: 2
    • Replies: 17
    • Total: 19
    Member since: May 31, 2017

    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?

    #78512

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    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

    #78800

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #78831

    Florian Milz
    Member
    • Topics: 2
    • Replies: 17
    • Total: 19
    Member since: May 31, 2017

    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

    #78867

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #79036

    Florian Milz
    Member
    • Topics: 2
    • Replies: 17
    • Total: 19
    Member since: May 31, 2017

    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

    #79041

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

Viewing 15 posts - 1 through 15 (of 36 total)

You must be logged in to reply to this topic.