Anchor links with id not working

  • Resolved katudd

    (@katudd)


    5 years, 10 months ago

    I am using the Full Screen Menu for Elementor-plugin for a one page site. I set up the links in my menu with unique id:s for the section I want to link to. It worked fine a month ago, butt suddenly the links refuses to work. I have the same links in the footer, and there they work just fine.
    I checked all the links, tried to change them, did rollback on both the plugin and the pro version of Elementor but nothing have worked.
    Is this plugin not for one page sites?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Solitweb

    (@solitweb)

    You links are working. The problem is that the menu doesn’t close. You need Javascript for that.

    Thread Starter katudd

    (@katudd)

    OK, thanks for your answer. Not the answer I was hoping for. Javascript really is beyond my knowledge…

    Plugin Author Solitweb

    (@solitweb)

    This code snipped will close the menu when an anchor tag is clicked.

    
( function() {
  jQuery( document ).ready( function() {
    jQuery( ".fsmfe-wrapper" ).find( "a" ).click( function() {
      jQuery( this ).closest( ".fsmfe-wrapper" ).find( ".menu-toggle" ).prop( "checked", false );
    } );
  } );
}() );

    Use some plugin like Simple Custom CSS and JS to add the snipped to your sites footer.

    Thread Starter katudd

    (@katudd)

    I found your answer now – three months later. Works lika a charm! Thank you so much for helping me out!
    /Katrin

    Plugin Author Solitweb

    (@solitweb)

    Glad you found the answer!

    So long JS here, don`t like it)))
    1. Go to WP consloe -> appearence -> editor;
    2. Finde here footer.php;
    3. Before </body> paste this:

    <script type="text/javascript">
const menucontent = document.querySelector(".content-type-menu");
const nomenuhere = document.querySelector(".menu-toggle");

menucontent.addEventListener("click", () => {nomenuhere.checked = false;});
</script>
    Ronny

    (@ronanqg)

    I have encountered a problem with this guys. What if you have a menu with sub-menus? Since its find “a”, any link will close but is there a way to make an exception for links that expand before going to the anchor?

    • This reply was modified 5 years ago by Ronny.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Anchor links with id not working’ is closed to new replies.