matt84532

Yes, I needed to update the theme. Thanks!

@rdell

I did see that snippet, and know that the solution will involved that, but the problem is I don’t understand what in the CSS is even allowing the menu to go to two lines before going to the 3 line menu. I can’t make sense of the nav-collapse CSS, in short.

Basically I want the menu to remain one line above 980 pixels, and go to the 3 menu bar below that — and not do anything in between.

So I think I would use:

/* ============================================== */
@media all and (min-width: 980px)

Something to force the menu to stay on one line

and

@media all and (max-width: 979px) {

whatever calls the 3 bar menu

Correct? And what would the CSS be for those to “commands”?

@rdell Thanks so much! That works beautifully.

Thanks @thepetsnobs!

I used this snippet to alter the three bar menu:

https://www.themesandco.com/snippet/add-menu-text-3-bar-menu-button/

It seems to me that something like

home.container[role=”main”] {
background-color: #99CC33;
}

should work but doesn’t. What would be the proper syntax for home container?

@rdell I think that would change the article container sitewide, and I only want it on page 2.

This works as a hack:

#page-2 {width: 110%; margin-left: -20px; background-color: #99CC33;}

But it’s bad CSS (width 110%) and it creates a horizontal scroll bar.

bump. Any advice?

On the Facebook fan box, I just want to add some padding at the top to allow some of the orange border to surround it.

https://www.wabi.dreamhosters.com/

Thanks in advance!

Marking this resolved. Thanks again!

Thanks everyone!

@imageomega, that code will shrink other items (like the header). But it’s a great solution when combined with the margin adjustment I made earlier.

The original CSS, BTW, produces a 20px left margin in the body — so it wasn’t until I tried a larger px margin that I actually saw a change.

Here’s the final solution that produced the results I was looking for without moving other items that I wanted to leave in place:

/* Adjust text padding */
article.row-fluid {
width: 95%;
margin-left: 30px;
}

Thanks to everyone who contributed. Truly a team effort!

@andrew

the container tag moves the whole block out of alignment, creating a horizontal scroll.

Here’s what I’ve got going right now, which has gotten the text off the left margin but is overlapping to the right. The margin-right appears not to be doing anything; I also tried changing it to a %, to no effect.

article.row-fluid {
margin-right: 90%;
margin-left: 30px;
}

@andrew Nevins Just restored the color.

This appears to work for moving the text left:

article.row-fluid {
margin-left: 40px;
}

However, it forces the text on the right into the green container. Margin-right of any px amount appears not to have any effect. So how can I reduce the margin on the right so that the text stays within the white area?

@namlee thanks!

Unfortunately that didn’t seem to work. Any other suggestions?

Thanks!