{"id":107302,"date":"2017-03-07T15:35:05","date_gmt":"2017-03-07T15:35:05","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/hide-icons-on-mobile-copy-2\/"},"modified":"2017-03-08T11:43:01","modified_gmt":"2017-03-08T11:43:01","slug":"menu-border-shadow","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/menu-border-shadow\/","title":{"rendered":"How to add a bottom border or shadow to the menu"},"content":{"rendered":"<h3>Add bottom border to menu (desktop and mobile)<\/h3>\n<p>To add a bottom border to the menu, go to <em>Mega Menu &gt; Menu Themes<\/em> and paste\u00a0the following into the Custom Styling area:<\/p>\n<pre class=\"lang:default decode:true\">#{$wrap} {\r\n    border-bottom: 3px solid red;\r\n}<\/pre>\n<h3>Add bottom border to menu (desktop\u00a0only)<\/h3>\n<p>To add a bottom border to the desktop version of the menu (but not the mobile menu), go to <em>Mega Menu &gt; Menu Themes<\/em> and paste\u00a0the following into the Custom Styling area:<\/p>\n<pre class=\"lang:default decode:true \">@include desktop {\r\n    #{$wrap} {\r\n        border-bottom: 3px solid red;\r\n    }\r\n}<\/pre>\n<h3>Add bottom border to menu (sticky menu only)<\/h3>\n<p>To add a bottom border\u00a0to the menu when the menu is sticky, go to <em>Mega Menu &gt; Menu Themes<\/em> and paste\u00a0the following into the Custom Styling area:<\/p>\n<pre class=\"lang:default decode:true \">#{$wrap}.mega-stuck {\r\n    border-bottom: 3px solid red;\r\n}<\/pre>\n<h3>Add bottom shadow\u00a0to menu (desktop and mobile)<\/h3>\n<p>To add a bottom <strong>shadow<\/strong> to the menu, go to <em>Mega Menu &gt; Menu Themes<\/em> and paste\u00a0the following into the Custom Styling area:<\/p>\n<pre class=\"lang:default decode:true\">#{$wrap} {\r\n    box-shadow: 0 4px 2px -2px gray;\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Add bottom border to menu (desktop and mobile) To add a bottom border to the menu, go to Mega Menu &gt; Menu Themes and paste\u00a0the following into the Custom Styling area: #{$wrap} { border-bottom: 3px solid red; } Add bottom border to menu (desktop\u00a0only) To add a bottom border to&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[14],"ht-kb-tag":[],"class_list":["post-107302","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":"Add bottom border to menu (desktop and mobile) To add a bottom border to the menu, go to Mega Menu &gt; Menu Themes and paste\u00a0the following into the Custom Styling area: #{$wrap} { border-bottom: 3px solid red; } Add bottom border to menu (desktop\u00a0only) To add a bottom border to...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/107302","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=107302"}],"version-history":[{"count":7,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/107302\/revisions"}],"predecessor-version":[{"id":107377,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/107302\/revisions\/107377"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=107302"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=107302"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=107302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}