Logo sizing issue

Hi Athemes,

Could you suggest a way to place a larger logo while not letting the menu items moving to the next line?

I guess it would be better to move the menu bar a bit more right, but I am not understanding the way to do so. Kindly help me out.

Thanks in advance.

Site link - www.vikainnovations.com/wp

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.col-sm-6.col-9 {
        flex-basis: 15%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;    

      #site-navigation.main-navigation.col-md-8 {
        flex-basis: 85%;
        max-width: 85%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;    


Thanks Kharis,

It worked!

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.