{"id":80259,"date":"2017-04-10T10:24:07","date_gmt":"2017-04-10T14:24:07","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=80259"},"modified":"2017-07-21T06:34:40","modified_gmt":"2017-07-21T10:34:40","slug":"wordpress-blogging-themes-add-logo-stick-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-blogging-themes-add-logo-stick-menu.html","title":{"rendered":"WordPress Blogging themes. How to add logo to stick-up menu"},"content":{"rendered":"<p>The following tutorial is going to show you how to add logo to the stick-up menu in <a href=\"https:\/\/www.templatemonster.com\/blog-wordpress-themes\/\" target=\"_blank\" title=\"Blog WordPress Themes\">WordPress Blogging themes<\/a> (Monstroid2).<\/p>\r\n<div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/ZBbK4uUl2xk\"><\/iframe>\r\n<\/div>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img decoding=\"async\" src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<ol>\r\n<li><p>Open the <strong>\/wp-content\/themes\/monstroid2\/assets\/js\/<\/strong> folder on your server.<\/p><\/li>\r\n<li><p>Download the <strong>theme-scripts.js<\/strong> file to your computer and open it for editing.<\/p><\/li>\r\n<li><p>Find this line of code (lines 320-330 approximately) :<\/p>\r\n<pre class=\"brush:js\">$navbar = ( 'style-3' === $layout || 'style-7' === $layout  ) ? $( '.vertical-menu-toggle' ) : $( '#main-menu' );<\/pre> \r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/03\/How-to-add-logo-to-stick-up-menu-in-Monstroid2_1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2017\/03\/How-to-add-logo-to-stick-up-menu-in-Monstroid2_1.png\" alt=\"\" width=\"1280\" height=\"720\" class=\"alignnone size-full wp-image-80260\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/How-to-add-logo-to-stick-up-menu-in-Monstroid2_1.png 1280w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/How-to-add-logo-to-stick-up-menu-in-Monstroid2_1-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/How-to-add-logo-to-stick-up-menu-in-Monstroid2_1-300x169.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/How-to-add-logo-to-stick-up-menu-in-Monstroid2_1-768x432.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/How-to-add-logo-to-stick-up-menu-in-Monstroid2_1-1024x576.png 1024w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a>\r\n<\/li>\r\n<li><p>Replace the <strong>#main-menu<\/strong> menu ID with logo and menu section&#8217;s class:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_2.png\" alt=\"\" width=\"1280\" height=\"720\" class=\"alignnone size-full wp-image-80261\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_2.png 1280w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_2-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_2-300x169.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_2-768x432.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_2-1024x576.png 1024w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_3.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_3.png\" alt=\"\" width=\"1280\" height=\"720\" class=\"alignnone size-full wp-image-80262\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_3.png 1280w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_3-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_3-300x169.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_3-768x432.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_3-1024x576.png 1024w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_4.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_4.png\" alt=\"\" width=\"1280\" height=\"720\" class=\"alignnone size-full wp-image-80263\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_4.png 1280w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_4-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_4-300x169.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_4-768x432.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_4-1024x576.png 1024w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a>\r\n\r\n<\/li>\r\n<li><p>Save the changes and upload a <strong>theme-scripts.js<\/strong> file back to <strong>\/wp-content\/themes\/monstroid2\/assets\/js\/<\/strong> folder on your server. Accept the replacement.<\/p><\/li>\r\n<li><p>Then add this CSS rule to the <strong>Appearance->Customize->Additional CSS field<\/strong> and save the changes:<\/p>\r\n<pre class=\"brush:css\">.header-container {\r\n    width: 100% !important;\r\n}<\/pre>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_5.png\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_5.png\" alt=\"\" width=\"1280\" height=\"720\" class=\"alignnone size-full wp-image-80264\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_5.png 1280w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_5-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_5-300x169.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_5-768x432.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/how-to-add-logo-to-stick-up-menu-in-Monstroid2_5-1024x576.png 1024w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a>\r\n<\/li>\r\n<li><p>Clear your browser cache and check a stick-up menu appearance.<\/p><\/li>\r\n<\/ol>\r\n<p>This is the end of the tutorial. Now you know how to add logo to  the stick-up menu in Monstroid2.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=ZBbK4uUl2xk?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress Blogging themes. How to add logo to stick-up menu<\/a>","protected":false},"excerpt":{"rendered":"<p>The following tutorial is going to show you how to add logo to the stick-up menu in WordPress Blogging themes (Monstroid2).<\/p>\n","protected":false},"author":123,"featured_media":80265,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2017,728],"tags":[525,571,2515,1854,2302],"class_list":["post-80259","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-monstroid-tutorials","category-wordpress-tutorials","tag-logo","tag-menu-2","tag-monstroid2","tag-stickup","tag-wordpress-blogging-themes"],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/123"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=80259"}],"version-history":[{"count":5,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80259\/revisions"}],"predecessor-version":[{"id":82157,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80259\/revisions\/82157"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/80265"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=80259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=80259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=80259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}