[Support request] Logo Margins / Mobile Search

Home Forums Support Logo Margins / Mobile Search

  • This topic has 4 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1111929
    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.

    #1112116
    David
    Staff
    Customer Support

    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%); 
    }
    #1112828
    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?

    #1112829
    thehardhatguy

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

    #1112943
    David
    Staff
    Customer Support

    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.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.