Responsiveness: Getting title area and navigation to be on one line

Community Forums Forums General Discussion Responsiveness: Getting title area and navigation to be on one line

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  nutsandbolts 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #102971

    Doug
    Participant
    Post count: 81

    Hello
    I am trying to get the title area and navigation to be on one line between 1139 and 1023 pixels.

    When I try to do this manually, it doesn’t work properly.

    Can anyone lend a hand?

    Thank you, Doug

    http://doug-arnold.com
    #102993

    nutsandbolts
    Keymaster
    Post count: 3176

    In the 1139px media query, the header right widget area is set to be 560px wide. If you increase that to 700px and add a rule to make the title area 260px, they should fit on one line.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #103008

    Doug
    Participant
    Post count: 81

    Thank you, Andrea

    That worked!

    @media only screen and (max-width: 1139px) {

    .site-inner,
    .wrap {
    max-width: 960px;
    }

    .site-header .widget-area {
    width: 700px; /* changed from 560px; /* added on 4/29/14 to attempt to get things on one line. */
    }
    .header-image .site-title > a { /* added on 4/29/14 to attempt to get things on one line. */
    background-size: contain !important;
    display: block;
    height: 70px;
    text-indent: -9999px;
    max-width: 260px;
    }
    .title-area {
    width: 260px; /* added on 4/29/14 to attempt to get things on one line. */
    }

    Thank you, Andrea!!
    Namasté,
    Doug

    #103009

    nutsandbolts
    Keymaster
    Post count: 3176

    No problem! I’ve marked this topic as resolved for now, but feel free to open a new topic if you run into issues. :)


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.