Home › Forums › Support › Mobile header logo not displaying properly This topic has 6 replies, 2 voices, and was last updated 3 years, 6 months ago by Elvin. Viewing 7 posts - 1 through 7 (of 7 total) Author Posts October 26, 2020 at 3:41 pm #1505431 Glenn when I set mobile to display a logo it shows it in the menu bar and is miniture in size October 26, 2020 at 4:15 pm #1505469 ElvinStaff Customer Support Hi, We can address this issue by adding this CSS: /* Change logo size */ @media (max-width:768px){ .site-logo.mobile-header-logo img { height: 100px; width: auto; } } Replace the value of height property to your size preference. π October 26, 2020 at 4:41 pm #1505480 Glenn Hi Elvin this addresses the size issue but not the positioning. The logo is still displaying in the menu bar instead of above it as it does on a pc. October 26, 2020 at 4:44 pm #1505481 Glenn Also Elvin when i switch off mobile header the log then displays in the right position (above the menu bar) But i want to use a different logo on mobile ! October 26, 2020 at 5:22 pm #1505502 ElvinStaff Customer Support The logo is still displaying in the menu bar instead of above it as it does on a pc. But i want to use a different logo on mobile ! Oh right yeah my bad. I forgot to include this CSS code. nav#mobile-header .inside-navigation.grid-container.grid-parent .site-logo.mobile-header-logo { width: 100%; background-color: white; margin: auto; } And if you want the logo to be placed on the center, you simply add justify-content: center;. October 26, 2020 at 5:30 pm #1505507 Glenn Thats awesome Elvin, thank you π October 26, 2020 at 5:34 pm #1505508 ElvinStaff Customer Support No problem. π Author Posts Viewing 7 posts - 1 through 7 (of 7 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In