[Resolved] padding either side of logo and search icon

Home Forums Support padding either side of logo and search icon

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1318740
    kiant123

    Hi,

    I am not sure if there is an option in customiser, but how would I put a little padding either side of my logo and search/menu in my header (which is actually my primary nav). I’d like to have this padding only in desktop mode.

    Here’s an image of an example: https://share.getcloudapp.com/xQuDeoOq

    Thanks in advance.

    #1318747
    Ash

    Customise > Layout > Header > Header Padding?

    #1318950
    David
    Staff
    Customer Support

    Hi there,

    you can use this CSS to add a little padding either side of the navigation:

    @media (min-width: 1024px) {
        .inside-navigation {
            padding-left: 40px;
            padding-right: 40px;
            box-sizing: border-box;
        }
    }

    If you want to contain the navigation so it is no wider then the post content you can set the Customizer > Layout > Primary Navigation to Contained.

    #1318958
    kiant123

    Super! The code is exactly what I was looking for. Thank you.

    #1318983
    David
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.