Resizing nav bar to fit logo and position of logo

Hi There :slight_smile:

I hope you are well that side.

I would like to find out if there is any way of minimizing the size of the nav bar. When we uploaded the logo, it was too big and so made the nav bar a lot broader. So I cropped the logo and resized it to the smallest it could go 150 x 150 but the nav bar is still too big. Is there any way of minimizing the size of the nav bar? Also I would like to find out how to move the logo to the left of the nav bar?

2020-06-07_20-17-19

Our URL is: http://www.uzurivaconsulting.com/ (password is: MHLONGOV)

Many thanks

Best,
Mel

Hi Mel,

Try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard. And do your own adjustments as needed.

    .site-header .container { 
      position: relative; 
      max-height: 170px;
    }

    .menuStyle6 .site-header .bottom-section {
      padding-top: 0;
      padding-bottom: 0;
    }

    .site-header .site-branding > a {
      position: absolute;
      top: -40px; 
      left: 0; 
      z-index: 9999;
    }

I hope this reply helps.

Stay safe.
Have an excellent day ahead :slight_smile:

Regards,
Kharis
aThemes Support