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

[Doug]

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

[nutsandbolts]

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/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Doug]

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

[nutsandbolts]

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/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Author]

Posts