[Support request] Remove logo top padding

[robchanoi]

Hi – looking to delete padding of logo in header.
was flush originally, uploaded it in customizer for mobile and now has padding
also hamburger not increasing in size on mobile when font size is increased as advised on another thread
tks

[David]

Hi there,

for the logo – add this CSS:

.navigation-branding .is-logo-image {
    padding-top: 0;
    padding-bottom: 0;
}

For your mobile screen size. Do you need the Mobile Header ? Try disabling it in Layout > Header

[robchanoi]

Thanks David. Yes, would like logo in mobile i think.
Pasted css, works in desktop, merci.

[David]

What i mean is – Go to Customizer > Layout > Header and Disable the Mobile Header.
Then you will have the same logo and the same hamburger menu as you do on the other screen sizes.

[robchanoi]

thanks, logo is flush but large. Not seeing how to adjust it under this advice – see no no width bar.
hamburger still small on mobile, not same size in desktop – size set in typography – prim nav.

The first step is to launch the customization screen from the admin menu bar, as we already did above. After that, choose the Site Identity option. There, you'll have the option to increase or decrease the logo size by sliding the Logo Width option left or right .

[Ying]

Hi there,

The hamburger icon on mobile is huge:
https://www.screencast.com/t/Ffo6wIUG

If it’s not what you see, try clear the cache of your mobile device.

[robchanoi]

thats not my website

[David]

Go to Customizer > Typography – and swtich to Mobile View and then edit the Primary Navigation menu item font size

[robchanoi]

Go to Customizer > Typography – and swtich to Mobile View and then edit the Primary Navigation menu item font size

Switch to mobile view in typography? not seeing that in customizer… pls advise

hamburger still small on mobile, not same size in desktop – size set in typography – prim nav. this i did do.

[Ying]

1. There’re desktop/tablet/mobile icons for each option, click the mobile icon, it will switch to mobile settings.
https://www.screencast.com/t/sBDLc4dfQ

2. Your hamburger looks huge on mobile:
https://www.screencast.com/t/Qs55LIUUOb

[robchanoi]

Completely missed that, working now.

Many thanks both.

[Ying]

No problem 🙂

[robchanoi]

sorry, how do you view this screen in Customizer? not seeing it https://www.screencast.com/t/sBDLc4dfQ , tks

[David]

Are you using the dynamic typography on your site ?
If youre site was built before GP 3.1 you need to enable it in Customizer > General.

[robchanoi]

under Customizing – General I just see – Dynamic CSS Print Method, i’ll explore, cheers

[Author]

Posts