Site title wraps in header

  • I’m using Ascent to build a site, and the site title (or identity) in the header wraps into three lines. I can’t see a way to fix it or scale down the font size. There is a large white space to the right where the title could extend.

    Please have a look at speakbusinesscomm.com and advise me.

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Pitabas

    (@pitabas106)

    Add the below CSS to your CSS file.

    body .site-header h1 {
    font-sie: 18px;
    line-height: 18px;
    }

    Hello Akubrin,

    If You want to site title in one line either you can change the font size
    body .site-header h1.site-title {font-size:18px; } OR if you dont want to decrease font size then You can replace class=”col-sm-3″ by class=”col-sm-7″ of logo div wrap div and navigation wrap to class=”col-sm-5″.

    if and only if your navigation menu will never be more than 4 in
    future also other wise the decrese font-size is the better option

    Thread Starter akubrin

    (@akubrin)

    Pitabas,

    I added this to the CSS, but it has not changed the title size in the header:

    body .site-header h1 {
font-size: 18px;
line-height: 18px;
}
    Thread Starter akubrin

    (@akubrin)

    ganeshpaygude,

    Pitabas sent me code for the CSS like yours, but it has not helped.

    I thought I would try your other solution next (replace class=”col-sm-3″ by class=”col-sm-7″ of logo div wrap div and navigation wrap to class=”col-sm-5″), but I am not sure where to make those edits.

    Can you advise me?

    Thank you.

    Andy

    Akubrin

    Please this one it will definitely work
    1)
    body .site-header h1 {
    font-size: 18px !important;
    line-height: 18px !important;
    }

    OR
    2)
    replace class=”col-sm-3″ by class=”col-sm-7″ of logo div wrap div and navigation wrap to class=”col-sm-5″ In header.php file in your theme but try th 1st solution first

    Thread Starter akubrin

    (@akubrin)

    Pitabas, Ganesh,

    I created a child theme and tried this code in style.css, but it did not work:

    body .site-header h1 {
    font-size: 18px !important;
    line-height: 18px !important;
    }

    The text I want to change is actually a title in the <head> section of the site, so I tried this too:

    head .site-header title {
    font-size: 18px !important;
    line-height: 18px !important;
    }

    Still no luck. What do you suggest?

    I have 5 menus now and will later have 6. So I have to shrink the text in the <head> section. But how?

    Thank you.

    Thread Starter akubrin

    (@akubrin)

    Pitabas, Ganesh,

    OK, so I finally got the CSS code to work like this:

    body .site-header h1 {
    font-size:20px !important;
    line-height:18px !important;
    }

    I had to remove the spaces after font-size: and line-height:

    I would still like to use a slightly larger font size (maybe 24px) and expand to the right. So I would like to make the replace class=”col-sm-3″ by class=”col-sm-7″ of logo div wrap div and navigation wrap to class=”col-sm-5″ method work.

    Can you advise me how to do that?

    Thanks.

    Andy

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Site title wraps in header’ is closed to new replies.