Archived topic
Mobile Logo very small + Logo SVG in different Size.
9 replies · Started by Jenny on June 5, 2021
Can you help me with 3 issues?
First: my Logo was not sharp, so I installed an .svg plugin. Now my Sticky Logo is very small. But in the backend it's correctly. Can you help me?
Secon: My Logo on the smartphone is very small, can I adjust this anywhere?
Third: How can use Buttons below the Canvas Navigation :) Like a "phone" button.
Hi there,
1. Have you fixed this? The logo is very clear to me and the sticky logo is not small either:
https://www.screencast.com/t/Vh1s03tNZE
2. Go to the Additional CSS field in the customizer and remove this block of CSS:
.mobile-header-navigation {
padding: 10px;
}
Then take a look at this section for adjusting the size of the logo:
https://docs.generatepress.com/article/mobile-header/#branding-type
3. Can you open a new topic for this question as it's unrelated to the logo?
Thanks :)
Thank you Leo,
the first problem it's solved :).
But the mobile logo is still small. The code did not work & I read the article, but. That doesn't match with my problem. Can you help me again, please?
I'm still seeing the CSS I mentioned above added in Additional CSS field in the customizer.
Can you remove that first?
Dear Leo, I have removed the Code, and tried this again. https://docs.generatepress.com/article/mobile-header/#branding-type
But without a result?
Can you help me again?
Than I have this problem again (but only on Safari-Browser)
My Logo on the smartphone is very small, can I adjust this anywhere?
Can you try increasing the menu item height with the mobile toggle activated?
https://docs.generatepress.com/article/menu-item-height-width/
Thanks a lot, I didn't see there was a own setup for mobile, so far :). Is there also a solution so set the Burger-menu-icon in the middle of the header (Mobile)?
Hi there,
try adding this CSS to center the Burger menu on mobile:
#mobile-header .menu-toggle {
position: relative;
right: 70px; /* half width of logo offset */
margin: auto;
}
#mobile-header .site-logo.mobile-header-logo {
margin-right: unset;
}
Thank you David :). I had not written that I meant the Logo in the vertical. But I used your snipped and modificate it. Now it's fine. Thank you.
Aah sorry about that - glad to hear you got it resolved :)