Increase space between logo and navigation links in header

Hi there,

I want to increase the space between the logo and the navigation links in the header. The navigation links themselves are spaced nicely, but the logo is just a bit too close - I want it further to the left hand side. I can't find a way to do it with the editing functionality, so hoping there might be something I can enter in Custom CSS?

Thanks in advance!

Hi,

What is your site url? We can check easier

On 6/22/2023 at 5:42 PM, tuanphan said:

Hi,

What is your site url? We can check easier

https://www.livingacres.com.au/ 

2 hours ago, livingacres said:

https://www.livingacres.com.au/ 

Add this to Design > Custom CSS

div.header-title-logo {
    text-align: left;
}

5 hours ago, tuanphan said:

Add this to Design > Custom CSS

div.header-title-logo {
    text-align: left;
}

 

Thanks! This code takes the logo all the way to the left. Is there a way to enter a custom number so that the logo will be about half way between the left margin and the start of the navigation links?

14 hours ago, livingacres said:

Thanks! This code takes the logo all the way to the left. Is there a way to enter a custom number so that the logo will be about half way between the left margin and the start of the navigation links?

Move to this position?

2 hours ago, tuanphan said:

Move to this position?

Yes exactly what I want!

1 hour ago, livingacres said:

Yes exactly what I want!

You can use this code

.header-title-logo {
    text-align: center;
}

1 hour ago, tuanphan said:

You can use this code

.header-title-logo {
    text-align: center;
}

 

That works, thank you! Is there a way to adjust a little further right?

25 minutes ago, tuanphan said:

Use this

.header-title-logo {
    text-align: center;
	position: relative;
	right: -10px;
}

 

That's perfect. Thank you so much. Really appreciate the help.