Okay
  Public Ticket #1277569
Menu parent stay active when scrolling to another anchor in the same page
Closed

Comments

  • walpap started the conversation

    Hello

    The question is simple.

    Here is an url to a page i am designing: http://doncel.wo25.wiroos.host/wordpress/que-es-doncel/

    As you can see, in the menu the item "que es doncel" is underlined by default.

    But the page has 2 anchors, and if hover the "que es doncel" menu item, you can see a submenu with those anchors: #staff and #transparencia

    After clicking on any of them, the page scrolls down, but the main parent item "que es doncel" underline dissappears. I need the underline to stay active.

    How can i achieve that? Thank you!


  • [deleted] replied

    Hi Walpap

    Thank you first of all for the question it's small fix for us even, please before you continue with further step to fix your issue please consider reading the article we wrote How To Add Custom CSS to your site. After that please past the code below to Custom CSS Section.

    .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li.current_page_parent>a:after,
    .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li.current-menu-parent>a:after{
        width: 100%:
    }
    
  • walpap replied

    Thank you Eroll

    I paste the code, but it is still not working. You can check it, I also, added the !important at the end.

    I wait for your answer. Thanks!

  • [deleted] replied

    Hi walpap

    There is small issue on syntax:

    .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li.current_page_parent>a:after,
    .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li.current-menu-parent>a:after{
        width: 100%;
    }
  • walpap replied

    Hello Eroll

    I don“t know what happened, if the last update has the culprit or something in my css code. But something changed in the middle. It was working well.

    I still have problems with this

    The page http://doncel.wo25.wiroos.host/wordpress/que-es-doncel/ has 2 anchor tags.

    #transparencia and #staff

    They are both added in the menu. You can see the main item DONCEL, and its 3 submenu items.

    One of them is the link to the main page and the other 2 are the anchor tags.

    When you select the first submenu item QUE ES DONCEL, you will see that both 1st and 2nd submenu items are underlined as active items at the same time. When you click on the TRANSPARENCIA item it corrects automatically.

    I send you a screenshot, but it is easy to understand.

    Can you help me?


  • walpap replied

    Hello, any news about this? Please.

    Thank you.

  • [deleted] replied

    Hi walpap,

    Can you please share your Wordpress credentials here, because I need to login to your site and test this issue. Your information is safe here (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

  •   walpap replied privately
  • [deleted] replied

    Hi walpap,

    I just fixed this problem for you. Video of my changes: http://drops.laborator.co/e2Vyas

    Have a great day!

  • walpap replied

    Ylli

    Thank you for your time and trying to solve it. But it is not fixing the real problem. I know i can do that. I tried many options. But I want that the user click on "que es doncel" and see the image at the top at 100%, as it is happening in all other pages. I also created a new row at the top of the header image with an anchor there, but the scroll always makes it go a little down. Can you tell me if this double underline link issue is a matter of the theme, visual composer or any other thing?

    Please, thanks.

    [EDIT]

    I did a test with a different theme, and it works well. 

    [EDIT 2]

    In the meanwhile, I solved it creating a new anchor over the header image.

    But as you can see, the page scrolls down a little, and the header dissapears.

    http://doncel.wo25.wiroos.host/wordpress/que-es-doncel/#que-es-doncel

    I think it has something to do with the :after link effect.

    Thanks in advance!

  • [deleted] replied

    Hi walpap,

    I'm really sorry but there is not any other solution for this. We will check if there is a bug to fix for the later releases.

    Thanks for your understanding!