Title: logo menu Last modified: August 30, 2019 --- # logo menu * [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * (@fabriciobarrospana) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/) * I want to put my logo inside the menu, is there any way? * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Flogo-menu%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/logo-menu/page/2/?output_format=md) [→](https://wordpress.org/support/topic/logo-menu/page/2/?output_format=md) * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11885213) * It may be possible, what does your logo look like or do you have a link to it? Would you want it to show up before the Home link? * Thread Starter [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * (@fabriciobarrospana) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11885349) * antes do pagina inicial e no mobili quero que apareça no meio * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11885377) * Do you have a link to your logo already uploaded to your site? I don’t see one showing up anywhere in the header area. * Thread Starter [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * (@fabriciobarrospana) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11885380) * coloquei um agora, mas quero ele no menu * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11885497) * Do you mean the ICON link in the main menu? That doesn’t link to anywhere. I need the actual logo that you want to display. Do you have a direct link to it such as [https://enquantoissoemjardim.com.br/logo.jpg](https://enquantoissoemjardim.com.br/logo.jpg)? * Thread Starter [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * (@fabriciobarrospana) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11885524) * SIM, TENHO ESSE [https://enquantoissoemjardim.com.br/wp-content/uploads/2019/08/logopaginabicho-1024×855.png](https://enquantoissoemjardim.com.br/wp-content/uploads/2019/08/logopaginabicho-1024×855.png) * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11885536) * Would something like this work? * ``` .navigation-bar { background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("https://enquantoissoemjardim.com.br/wp-content/uploads/2019/08/logopaginabicho-1024x855.png"); } ``` * Your logo is pretty large and the nav bar isn’t very tall so its somewhat difficult to see what the logo says. * Thread Starter [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * (@fabriciobarrospana) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11885575) * posso diminuir a logo, mas em qual arquivo coloco esse codigo? * quero no dekstop assim= [https://www.elegantthemes.com/documentation/wp-content/uploads/2017/04/header-options-image-1.jpg](https://www.elegantthemes.com/documentation/wp-content/uploads/2017/04/header-options-image-1.jpg) * e no mobil assim= [https://arquivo.devmedia.com.br/artigos/Joel_Rodrigues/materialize_layout/Navbar_responsivo.png](https://arquivo.devmedia.com.br/artigos/Joel_Rodrigues/materialize_layout/Navbar_responsivo.png) * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11885591) * Try this CSS * ``` .navigation-bar { background-position: left; background-size: contain; background-repeat: no-repeat; background-image: url("https://enquantoissoemjardim.com.br/wp-content/uploads/2019/08/logopaginabicho-1024x855.png"); } .navbar-main { margin-left: 50px; } @media screen and (max-width: 768px) { .navigation-bar-top { background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("https://enquantoissoemjardim.com.br/wp-content/uploads/2019/08/logopaginabicho-1024x855.png"); } } ``` * The CSS code goes into Appearance->Customize->Additional CSS * Thread Starter [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * (@fabriciobarrospana) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11886851) * Wow very good. Just need one adjustments. In the mobile version by clicking on the menu the page creates a spacing. * and in the desktop version soon it is very in the corner, it would be better if it was next to the home menu. * can you fix it for me? you are very good * [https://enquantoissoemjardim.com.br](https://enquantoissoemjardim.com.br) * Thread Starter [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * (@fabriciobarrospana) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11886902) * consegui arrumar a versão mobili alterando navbar-main { margin-left: 50px; para 0px * (Concertado) * agora so preciso alinhar a logo no dekstop por que está muito no canto * [Jarret](https://wordpress.org/support/users/jarretc/) * (@jarretc) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11886982) * If you want to move the logo over to the right more on desktop, in this CSS * ``` .navigation-bar { background-position: left; background-size: contain; background-repeat: no-repeat; background-image: url("https://enquantoissoemjardim.com.br/wp-content/uploads/2019/08/logopaginabicho-1024x855.png"); } ``` * Instead of using `background-position: left;` try something like `background- position: 25px;` * You can modify the 25px value higher/lower depending upon where you want the logo * Thread Starter [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * (@fabriciobarrospana) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11888556) * quiet it worked sky. Now I need the menu to move a little to hard to align the logo. by the browser I authorized the code: “element.style { margin-left: 40px” * but I couldn’t find which folder to auterare in the file. * Thread Starter [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * (@fabriciobarrospana) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11888561) * não sei se seria esse o código certo, mas preciso que o menu fique mais para direita * Thread Starter [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * (@fabriciobarrospana) * [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/#post-11888570) * somente no desktop. no mobili esta ok Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/logo-menu/page/2/?output_format=md) [→](https://wordpress.org/support/topic/logo-menu/page/2/?output_format=md) The topic ‘logo menu’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/newscard/1.5/screenshot.png) * NewsCard * [Support Threads](https://wordpress.org/support/theme/newscard/) * [Active Topics](https://wordpress.org/support/theme/newscard/active/) * [Unresolved Topics](https://wordpress.org/support/theme/newscard/unresolved/) * [Reviews](https://wordpress.org/support/theme/newscard/reviews/) ## Tags * [menu logo](https://wordpress.org/support/topic-tag/menu-logo/) * 19 replies * 2 participants * Last reply from: [fabriciobarrospana](https://wordpress.org/support/users/fabriciobarrospana/) * Last activity: [6 years, 8 months ago](https://wordpress.org/support/topic/logo-menu/page/2/#post-11892063) * Status: not resolved