Archived topic

padding either side of logo and search icon

4 replies · Started by kiant123 on June 8, 2020

Viewing posts 1–5 of 5

June 8, 2020 at 1:06 am #1318740

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.

June 8, 2020 at 1:14 am #1318747

Customise > Layout > Header > Header Padding?

June 8, 2020 at 4:35 am #1318950

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.

June 8, 2020 at 4:43 am #1318958

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

June 8, 2020 at 5:06 am #1318983

You're welcome

This archived topic is closed to new replies.

Start building better websites today.