Header Height and menu position


I just started using Sydney Pro http://cleanring.info/ and wanted to change the header(top bar) height and menu bar position from below center of the logo to the next to logo on mobile but can not figure out how to do from wordpress dashboard.

Should I just go to CSS and change it or is there a way to change it from wordpress dashboard?

Hello Toyo,

Can you please provide some explanatory screenshots?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

Kind Regards, Roman.

header menu customization

Hi I uploaded the image, please check it out.

once I move the menu position, I want to header space smaller as it is too large.

Please let me know how to do it.

Also I have problem erasing side bar, even after I erased all widgets in side bar, it still takes blank space on the right column on screen and can not align other contents in center.( I want contents aligned in center)

Please let me know what to do with this.

contents align center

wordpress side bar no contents

Hello Toyo,

1. Please try to use the following CSS code.

You can add CSS code in CustomizeAdditional CSS section.

@media only screen and (max-width: 767px) {
    header#masthead div.col-md-4.col-sm-8.col-xs-12 {
        max-width: 72%;
    header#masthead div.col-md-4.col-sm-8.col-xs-12,
    header#masthead div.col-md-8.col-sm-4.col-xs-12 {
        width: auto;

    header#masthead div.col-md-8.col-sm-4.col-xs-12 {
        float: right;
        padding: 2px 30px;

    header#masthead nav#mainnav-mobi {
        left: -194px;
        width: 250px;

2. Please try to use Front Page template for your home page, instead of Default Template that you are using now.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thank you very much!! it helped a lot!!

You are welcome Toyo!

Kind Regards, Roman.

I have a similar problem to Toyo.
I would like to size of my header to be reduced especially on mobile.
I have been editing Sydney: custom-header.php and reduced header height to 600px which looks suitable for my website. But this only changes header size on the home page. Not sure why.
My website is www.intheair.com.au.
Is there any code which I can implement which can reduce the size of the header to 600px on all of my pages.
Thanks Eamon

Hello Eamon,

Please create a new topic for your question in order to make it easier to help you.

Kind Regards, Roman.