{"id":272354,"date":"2020-12-01T14:35:30","date_gmt":"2020-12-01T14:35:30","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=272354"},"modified":"2020-12-01T14:36:43","modified_gmt":"2020-12-01T14:36:43","slug":"smooth-scroll","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/smooth-scroll\/","title":{"rendered":"Smooth Scroll \/ One Page Navigation"},"content":{"rendered":"<p>To enable smooth scrolling to a section of the page when a menu item is clicked, we recommend installing the <a href=\"https:\/\/en-gb.wordpress.org\/plugins\/page-scroll-to-id\/\">Page Scroll to ID<\/a> plugin.<\/p>\n<p>To highlight menu items as the page scrolls, go to <em>Mega Menu &gt; Menu Themes &gt; Custom Styling<\/em> and add the following:<\/p>\n<pre class=\"lang:default decode:true \">#{$wrap} #{$menu} &gt; li.mega-menu-item &gt; a.mega-menu-link.mPS2id-highlight {\r\n\t@include background($menu_item_background_hover_from, $menu_item_background_hover_to);\r\n\tcolor: $menu_item_link_color_hover;\r\n\tfont-weight: $menu_item_link_weight_hover;\r\n\ttext-decoration: $menu_item_link_text_decoration_hover;\r\n\tborder-color: $menu_item_border_color_hover;\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To enable smooth scrolling to a section of the page when a menu item is clicked, we recommend installing the Page Scroll to ID plugin. To highlight menu items as the page scrolls, go to Mega Menu &gt; Menu Themes &gt; Custom Styling and add the following: #{$wrap} #{$menu} &gt;&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[14],"ht-kb-tag":[],"class_list":["post-272354","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-faqs"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"To enable smooth scrolling to a section of the page when a menu item is clicked, we recommend installing the Page Scroll to ID plugin. To highlight menu items as the page scrolls, go to Mega Menu &gt; Menu Themes &gt; Custom Styling and add the following: #{$wrap} #{$menu} &gt;...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/272354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=272354"}],"version-history":[{"count":3,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/272354\/revisions"}],"predecessor-version":[{"id":272358,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/272354\/revisions\/272358"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=272354"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=272354"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=272354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}