{"id":47332,"date":"2015-04-20T00:50:14","date_gmt":"2015-04-20T04:50:14","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=47332"},"modified":"2017-08-07T06:10:12","modified_gmt":"2017-08-07T10:10:12","slug":"wordpress-how-to-change-logo-wrapper-size","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-change-logo-wrapper-size.html","title":{"rendered":"WordPress. How to change logo wrapper size"},"content":{"rendered":"<p><a href=\"http:\/\/www.youtube.com\/watch?v=OpRSJmlyFr4?width=1280&amp;height=720\" rel=\"prettyPhoto\"> WordPress. How to change logo wrapper size<\/a><\/p>\r\n<p>Our Support team is ready to present you a new tutorial that shows how to change logo wrapper size in WordPress.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_1-300x147.png\" alt=\"how_to_change_logo_wrapper_size_1\" width=\"300\" height=\"147\" class=\"aligncenter size-medium wp-image-47333\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_1-300x147.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_1-150x73.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_1.png 879w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<ol>\r\n<li>\r\n<p>Navigate to <strong>Appearance > Editor<\/strong> in your admin panel.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Open file <strong>wrapper-header.php<\/strong> from the list on the right. Make sure you have selected <strong>themeXXXXX<\/strong> files.<\/p>\r\n<\/li>\r\n<li>\r\n<p>You will see that your header <strong>row<\/strong> is divided into <strong>span<\/strong> columns: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_2-300x96.png\" alt=\"how_to_change_logo_wrapper_size_2\" width=\"300\" height=\"96\" class=\"aligncenter size-medium wp-image-47334\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_2-300x96.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_2-150x48.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_2.png 870w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>With the help of <strong>span<\/strong> classes you can create multiple columns layout:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_3-300x99.png\" alt=\"how_to_change_logo_wrapper_size_3\" width=\"300\" height=\"99\" class=\"aligncenter size-medium wp-image-47335\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_3-300x99.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_3-150x49.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_3.png 917w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>You can change the logo wrapper size in this file, make sure to adjust the sizes of other sections to have span12 in total:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_4-300x92.png\" alt=\"how_to_change_logo_wrapper_size_4\" width=\"300\" height=\"92\" class=\"aligncenter size-medium wp-image-47336\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_4-300x92.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_4-150x46.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_4.png 887w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Save changes  to file when you are done.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Check the result on your website:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_5-300x118.png\" alt=\"how_to_change_logo_wrapper_size_5\" width=\"300\" height=\"118\" class=\"aligncenter size-medium wp-image-47337\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_5-300x118.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_5-150x59.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_change_logo_wrapper_size_5.png 909w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=OpRSJmlyFr4?width=1280&amp;height=720\" rel=\"prettyPhoto\"> WordPress. How to change logo wrapper size<\/a><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Our Support team is ready to present you a new tutorial that shows how to change logo wrapper size in WordPress.<\/p>\n","protected":false},"author":56,"featured_media":47375,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[525,949,2405,1945],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/47332"}],"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\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=47332"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/47332\/revisions"}],"predecessor-version":[{"id":82592,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/47332\/revisions\/82592"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/47375"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=47332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=47332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=47332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}