Making menu size shorter

Hello,
how can I make menu strip shorter and change logo dimentions with margin padding (menu size automaticly fits to logo)?image

Website LaKoguta

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1200px) {

      .site-branding.col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
      }

      .main-navigation.col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;  
      }
      
    }

Regards,
Kharis

1 Like

Thank you!
Now it’s in one line, which is great!

Is it possible to make whole menu thinner?

You’re welcome!

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

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

    #masthead-sticky-wrapper {
      max-height: auto !important;
    }

Regards,
Kharis

1 Like

Works perfect! Thank You!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis