Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 18, 2016 at 8:32 pm #714176
    Tflores87

    Hi,

    I have read a few other topics that pertain to my particular issue with having the current page to show, but it seems some pages work, and some do not. I have created a video for you (Active Page Links) in hopes that it might help you see the issue. Could you please help me so that if a user is on a page, or sub page, that the appropriate links will show?

    I have a border-left display on my hover for the sub menu and am wanting the border-left to display on the active page as well, but only the link text is highlighted.

    Portfolio Page
    Currently, if someone views my Portfolio page, the link will indeed remain active, but if they open up an album within my Portfolio page (for example: “Landscape”), the navigation link “Portfolio” is no longer active. This isn’t reflected in the footer either.

    Account Page
    If someone is on their Downloads in the Account Page, the link “Account” and the sub menu link “Downloads” is not highlighted in the Full Width Sub Menu

    I have removed the shop page, and log in/out links from the main navigation menu since my site is not currently ready for customers. If you need me to show these links then I will will update the css. However, you could just remove this from my css yourself for testing. My website is https://kingsdesigns.com/

    #menu-item-4260 {
    display: none !important;
    border:none;
    }

    /**LOG IN / LOG OUT LABEL**/
    #menu-item-4259 {
    display: none !important;
    border:none;
    }
    #menu-item-4262 {
    display: none !important;
    border:none;
    }
    /**Mega Menu**/
    #menu-item-7770 {
    display: none !important;
    }
    #socket .menu {
    margin-top: 6px;
    display: none;
    }

    • This topic was modified 8 years ago by Tflores87.
    November 22, 2016 at 4:41 pm #715400
    Andy

    Hey Tflores87,

    please refer to: https://kriesi.at/support/topic/parent-menu-item-highlighted-when-child-page-is-selected/

    Best regards,
    Andy

    November 22, 2016 at 5:45 pm #715461
    Tflores87

    Hi Andy, thanks for the link!

    I inserted the script they provided, but it does not work entirely. For example, it does not show the background color of the link or the border-left of the link as seen here (https://kingsdesigns.com/wp-content/uploads/2016/11/Ancestor-Links.mov). I also noticed that it does not work for mobile at all. Thoughts?

    November 23, 2016 at 1:41 pm #715909
    Andy

    Hi,

    not sure what you want to show with your video, as it looks totally fine to me. However, I tried to check on your website, but can’t find any submenu, as shop menu is not available anymore. Please let us know when we can inspect the elements in question.

    Best regards,
    Andy

    November 23, 2016 at 5:58 pm #716088
    Tflores87

    Since the Shop portion of my site isn’t ready yet, I had those hidden. They are now showing and will remain that way! Thank you, Andy!

    Side Note: As you can see in the video, the active pages do remain highlighted (which is good), but the background of those links and the left border do not remain highlighted (which is what we are going for).

    November 25, 2016 at 1:34 pm #716822
    Andy

    Hi,

    for background color use this code:

    #top .header_color .main_menu .menu ul li>a:hover {
background-color: red;
}

    For left border use this code:

    .menu-item a:hover {
border-left: 3px solid #6fbfc9;
}

    Best regards,
    Andy

    November 25, 2016 at 4:49 pm #716929
    Tflores87

    Hi Andy, thanks for the code. Although that was not the question :D

    Could you please understand that the issue is what we wrote:

    Side Note: As you can see in the video, the active pages do remain highlighted (which is good), but the background of those links and the left border do not remain highlighted (which is what we are going for).

    We are wanting for the ancestor to work and it’s not working for every page. If the user is on Gallery Page (titled “Portfolio”) > Gallery Page Album (title “Landscape”), you will see that the “Portfolio” link is not active even though we are browsing that section.

    Furthermore, when the ancestor does work, it looks like this

    color: #6fbfc9 !important;
padding-left: 18px !important;

    When it should look like this:

    background: #FBFCFC !important;
color: #6fbfc9 !important;
border-left: solid 3px #6fbfc9;
padding-left: 18px !important;
    November 25, 2016 at 8:14 pm #717042
    Andy

    Hi,

    I guess it won’t be possible, cause you’re using left-menu. But send us admin login and we’ll take a look.

    Best regards,
    Andy

    November 25, 2016 at 8:48 pm #717066
    Tflores87

    Oh no! My whole website is built to use the left menu :/ Please let me know if you guys can fix. I have attached the requested admin login.

    November 28, 2016 at 10:48 am #717654
    Andy

    Hi,

    try to your inside your header instead of left-sided and then use this code inide Quick CSS field:

    .current-menu-ancestor a {
color: red !important;
}

    If it’s working, then switch back to left-sided menu and if it’s not working anymore, it’s because this class is not available when left-sided menu is activated unfortunately. So you would need to define a new class, which would be a job for a freelance developer I’m afraid.

    Best regards,
    Andy

    November 29, 2016 at 1:16 am #718065
    Tflores87

    Hi Andy!

    Thanks for the code. I switched my header to the Top, but the code still did not work. In this image (Example Here, you will notice that I am on the Portfolio Page > Coporate (portfolio gallery), but the Navigation link “Portfolio” is not highlighted/active.

    November 29, 2016 at 3:29 pm #718276
    Andy

    Hi,

    this is a general WordPress issue and not a theme related one. Check out this thread: https://kriesi.at/support/topic/top-menu-looses-class-current-menu-parent-when-selecting-portfolio-item-or-post/

    Best regards,
    Andy

    November 29, 2016 at 5:20 pm #718375
    Tflores87

    Thank you Andy! I appreciate the link. Oh yeah.. what a bummer :)

    • This reply was modified 7 years, 12 months ago by Tflores87.
    November 29, 2016 at 5:37 pm #718389
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Active Page / Active Sub Menu Links’ is closed to new replies.