How do I centre the website’s logo using the Aqua theme? I assume that I need to alter the header template rather than use custom CSS but, having played around a little, I can’t figure out the code required.

Ideally I would like to put the social media icons and the email address on the same line above the logo as per this mocked-up image:

Website link: The Great Inns of Britain

Thanks.

Try with this:

@media only screen and (min-width: 960px){
.eight.columns.header_left img {
    position: relative;
    left: 278px;
}
.header_soc_search {
    margin-bottom: 6px;
    float: right;
    margin: 15px 23px 46px;
}
.header_contacts {
    float: right;
}
}