[Support request] Logo Margins / Mobile Search

[thehardhatguy]

Just got premium and trying to configure some stuff.

On the desktop version of my site, how do I decrease the margins above and below my logo? Right now it is showing too much space.

On the mobile version of my site, is there any way to move the search glass to the right and the menu button to the left and the logo to the middle?

Here’s a link to my site.

[David]

Hi there,

1. Customizer > Layout > Header and reduce top and bottom padding.

2. Try this CSS:

#mobile-header .menu-toggle {
    order: -1;
    margin-right: auto
}
.site-logo.mobile-header-logo {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%); 
}

[thehardhatguy]

Thank you! That worked nicely for mobile. How about for the desktop version, how can I reduce to margins from the top bar so the logo isn’t sitting in too much padding both on the top and the bottom?

[thehardhatguy]

Also, any customizable option to put a shadow behind the white post blocks?

[David]

In Customizer > Layout > Header –> Padding – there is desktop and mobile settings for this. Do the desktop changes not update? If so can you clear any cache plugins you may have.

[Author]

Posts