{"id":104731,"date":"2017-02-10T12:53:04","date_gmt":"2017-02-10T12:53:04","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/mobile-menu-text-alignment-copy\/"},"modified":"2017-02-10T12:55:21","modified_gmt":"2017-02-10T12:55:21","slug":"mobile-menu-font-color","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/mobile-menu-font-color\/","title":{"rendered":"Mobile Menu Font Color"},"content":{"rendered":"<p>The font color of the mobile menu is inherited from the desktop settings. If you have a black font on a black background, you will not be able to see the text.<\/p>\n<p>There are 2 options:<\/p>\n<p>1. You can set the mobile menu background color (in the Theme Editor) to the same background color as your desktop menu.<\/p>\n<p>2. To override the font color just for the mobile menu, go to <em>Mega Menu &gt; Menu Themes<\/em> and paste the following into the Custom Styling area:<\/p>\n<pre class=\"lang:default decode:true \">@include mobile {\r\n    #{$wrap} #{$menu} &gt; li.mega-menu-item &gt; a.mega-menu-link {\r\n        color: red;\r\n    }\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>The font color of the mobile menu is inherited from the desktop settings. If you have a black font on a black background, you will not be able to see the text. There are 2 options: 1. You can set the mobile menu background color (in the Theme Editor) 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-104731","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":"The font color of the mobile menu is inherited from the desktop settings. If you have a black font on a black background, you will not be able to see the text. There are 2 options: 1. You can set the mobile menu background color (in the Theme Editor) to...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/104731","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=104731"}],"version-history":[{"count":2,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/104731\/revisions"}],"predecessor-version":[{"id":104733,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/104731\/revisions\/104733"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=104731"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=104731"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=104731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}