![\"Untitled-1\"](\"https:\/\/blog.alexrusin.com\/wp-content\/uploads\/2016\/07\/Untitled-1.jpg\")
<\/p>\nAmong WordPress themes out there, there are so called single- or one-page themes. Most of the content of the page is located on one page. Menu links are route to different sections of the page via anchors tags. The menu is created using custom anchor links like so:<\/p>\n
<\/p>\n
The corresponding part of an anchor tag looks like this <a name=”#resume”><\/a><\/strong><\/p>\n This anchor link only works if you are jumping to a specific spot on the same page. For instance, if you have a blog page different from your home page unless you put the full URL of the home page like so http:\/\/www.mywebsite.com#resume. <\/strong>So, not a big deal, let’s replace Custom Link URL on the menu page with the full URL of the home page. Right? Well, this solution works but it makes all the menu links on home page to be highlighted, because each of them “think” they are on the correct page. It does not look good.<\/p>\n My solution to the problem is to dynamically prefix an anchor link with “http:\/\/www.mywebsite.com” when it is not on the homepage. The piece of code below does exactly that.<\/p>\n\n add_filter( 'wp_nav_menu_objects', 'em_links');\n\tfunction em_links ( $sorted_menu_items, $args ) {\n\t\tif(!is_front_page()){\t \n \t\tforeach ($sorted_menu_items as $menu_item) {\n\t\n\t\t\t$menuLink = $menu_item->url;\n\t\t\tif(!preg_match(\"~^(?:f|ht)tps?:\/\/~i\", $menuLink)){\n \t\t\t\t$menu_item->url = get_bloginfo('url') . $menuLink;\n\t\t\t}\n\n \t\t}\n \n \t\t}\n\treturn $sorted_menu_items;\n\t}\n<\/code>\n<\/pre>\n