Make tagline stretch across top instead of wrapping.

  • Resolved millerguide

    (@millerguide)


    9 years, 11 months ago

    https://www.millerfoodguide.com (fixed password issue, thanks to all and sorry for the inconvenience in other posts).

    How can I make the tagline, which is:

    米乐：昆明餐厅的专家评语，大众评语。 Miller Guide: expert and public reviews of Kunming’s restaurants.

    Stretch all the way across the top of the menu, rather than staying toward the right, and wrapping around to a second line? Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)

  • .navbar-wrapper .navbar h2 {width: 100%;} should fix it.

    Could try :

    .navbar-wrapper .navbar h2 {
width: 80%;
margin: 0 auto;
}

    to center it.

    Thread Starter millerguide

    (@millerguide)

    Thank you!

    Thread Starter millerguide

    (@millerguide)

    Hmm that did not seem to work. Any idea?

    Thread Starter millerguide

    (@millerguide)

    Ok I got it to stretch, but it still wraps around on the right a little. Any fix? Thank you.

    Thread Starter millerguide

    (@millerguide)

    I reduced the word count in the tagline and it is ok now, I just wanted to be able to keep those words in there.

    Thread Starter millerguide

    (@millerguide)

    Sorry, last question/comment here. It looks ok now in Firefox, but in IE it still wraps around. Any ideas why?

    I didn’t test responsiveness, sorry. Even now in FF, it slips at 1190px. In IE, it works OK at 1920px but again slips at smaller viewport

    If you center it as I suggested above, you’ll get the longest-lasting effect before it slips.

    Otherwise, you’ll need to adjust with @media coding.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Make tagline stretch across top instead of wrapping.’ is closed to new replies.