Moesia: Change Site title layout

Hi Guys,

is it possible to change the Site title in the nav bar, so there are no tabs/line jumps?

I want all words in one line.

Cheers

Hello there,

Yes, it’s possible. You’ll need CSS code modification. To override the default layout, you can add this code into Appearance > Customize > Additional CSS in your site dashboard.


@media only screen and (min-width:992px) {
   
  /* Site title area */
  .top-bar .col-md-4 {
    width: 60%;
  }
  
  /* Main menu area */
  .top-bar .col-md-8 {
    width: 40%;
  }  
  
}

Regards,
Kharis

Thanks. Can I also move the Site title more to the left now? I mean using the full width with centered to the left.

You’ll need to add this code:


.top-bar .container {
  width: 100%;
  max-width: 100%;
}

So your final code will look like this:


@media only screen and (min-width:992px) {
   
  /* Site title area */
  .top-bar .col-md-4 {
    width: 60%;
  }
  
  /* Main menu area */
  .top-bar .col-md-8 {
    width: 40%;
  }  

  .top-bar .container {
    width: 100%;
    max-width: 100%;
  }

  
}


Regards,
Kharis