Divi WordPress Theme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress fix Reply To: How to set site logo in line with header

Discussion in 'Misc WordPress Requests' started by CrouchingBruin, Jan 7, 2018.

  1. CrouchingBruin

    Guest

    Reply To: How to set site logo in line with header, by CrouchingBruin

    It actually works OK in Firefox as well, but it depends on the width of your browser window. Try making your Firefox window wider and you should see the title line up with the logo. Or if you make your Chrome window narrower, you’ll see the title break down to the next line. The way the theme is constructed, half of the width (exactly 50%) for the header is assigned to the logo & title while the other half is for the contact information, so when the window narrows past a certain point, the title is going to wrap because it’s too long to fit the space allotted.

    Since you don’t need as much room for the contact info, you can mitigate the effect by adding these rules:


    @media (min-width: 992px) {
    .header .col-md-6 {
    width: 33%;
    }
    .header .logo.col-md-6 {
    width: 66%;
    }
    }


    This assigns two-thirds of the header width to the logo & title and the other third to the contact info.

    Reply To: How to set site logo in line with header
     
    #1

Share This Page

Monarch Social Sharing Plugin