Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #714176

    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 7 years, 5 months ago by Tflores87.
    #715400
    #715461

    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?

    #715909

    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

    #716088

    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).

    #716822

    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

    #716929

    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;
    #717042

    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

    #717066

    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.

    #717654

    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

    #718065

    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.

    #718276

    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

    #718375

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

    • This reply was modified 7 years, 4 months ago by Tflores87.
    #718389

    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

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