Hey Again,

That page is loading a Bootstrap class which is conflicting with the Header columns

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

#header-outer[data-format=default] #top .col {
    padding: 0px !important;
    flex-grow: 0;
    flex-basis: auto;
}

Thanks

Hi Robert,

Thanks for writing back.

Please enter this CSS:

.page-id-245 .col.span_3 {
    max-width: 16%;
}

I hope this helps.

Kind Regards.

Hi Robert,

You're welcome.

It is our pleasure to give you quality and prompt support.

Please feel free to open a new ticket in case of any other queries.

Kind Regards.

Hey Again,

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

@media only screen and (min-width: 1000px) {
    #header-outer[data-format=centered-menu] #top .span_9 nav .sf-menu:not(.buttons) {
        display: flex;
        justify-content: space-between;
    }
}

Thanks