Archived topic
Remove logo top padding
19 replies · Started by robchanoi on May 17, 2022
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
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
Thanks David. Yes, would like logo in mobile i think.
Pasted css, works in desktop, merci.
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.
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 .
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.
thats not my website
Go to Customizer > Typography - and swtich to Mobile View and then edit the Primary Navigation menu item font size
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.
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
Completely missed that, working now.
Many thanks both.
No problem :)
sorry, how do you view this screen in Customizer? not seeing it https://www.screencast.com/t/sBDLc4dfQ , tks
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.
under Customizing - General I just see - Dynamic CSS Print Method, i'll explore, cheers