Site logo

Archived topic

Mobile Logo very small + Logo SVG in different Size.

9 replies · Started by Jenny on June 5, 2021

Viewing posts 1–10 of 10

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?

https://ibb.co/rMkcBKB

Third: How can use Buttons below the Canvas Navigation :) Like a "phone" button.

https://ibb.co/sszWXYC

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?

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 :)

This archived topic is closed to new replies.