Great.. thank you for the update!

Ciarán

Perfect. This works. Thanks sooo much for your ongoing support!!

Hello

Could you try the following instead...

.hornav > ul > li:first-of-type {

    margin-left: 50px;

}

.hornav > ul > li:last-of-type {

    margin-right: 50px;

} 

Ciarán

Hello.

Unfortunately this code is not working well.

It is shifting the hornav menu toward the logo, but it is also shifting the 2 tabs on the hornav that are on the right side of the logo away from the logo.

What I am trying to do is have all 4 menu buttons on the hornav, both left of log and right of logo to move closer to the logo. \

This code only works for one side, whilst pushing the entire hornav menu to the right.

It is also shifting the entire menu down wards and to the right.

Hello

You can use the following custom CSS where 50px is the distance of your menu items from the template wrapper (edit to taste)...

#container_hornav {

    box-sizing: border-box;

    padding: 0 50px;

}  

Ciarán

Is there a way to change the justification of the menu buttons so that they are closer to the logo?

Hello

1. To amend try adding the following to the Custom CSS field of your templates parameters...

#container_header {

    background-color: transparent;

    border: 0 none;

    box-shadow: none;

} 

2. Also add the following...

#container_hornav {

    box-sizing: border-box;

    padding: 0 50px;

} 

Ciarán

this worked perfect.

While you are here, 2 more questions:

1) is there a way to make the header transparent and remove the white bar, to make it more seam less?

2) Is there a way to change the justification of the menu buttons so that they are closer to the logo?

Hello

To amend try adding the following to the Custom CSS field of your templates parameters...

.logo {

    background-color: transparent;

} 

Ciarán