Solved

How do I fix this menu and move the content area up?

Posted on 2012-03-30
4
198 Views
Last Modified: 2012-08-14
I have a site here:

http://american.plumthree.com/

and I need two things fixed.

1. For some reason the menu items on the black bar are on two lines. How do I make it one line?

2. I need to move the content in the white area moved up closer to the black menu bar.

Any help is greatly appreciated.
0
Comment
Question by:Donnie Walker
  • 2
4 Comments
 
LVL 22

Expert Comment

by:Kim Walker
ID: 37788891
In style.css, on line 675, there's a style that sets a padding-right of 205px on descendant divs of #access.
0
 
LVL 22

Expert Comment

by:Kim Walker
ID: 37788924
div#main has a top padding of 1.625em (line 683)
article#post-5 has an additional top padding of 3.5em (line 1090)
div.entry-content has an additional top padding of 1.625em (line 754)
0
 
LVL 5

Accepted Solution

by:
Robin Hall earned 500 total points
ID: 37788948
Rentawebguy,

Have you used Firebug for Firefox to take a look at and interact with your site?  I use that all the time when I'm trying to break down why a page isn't styling the way I want it to.  After poking around, I was able to get the site to look like you were describing after making some changes.  Most of the changes I made were related to padding.  I have included a text file that has the CSS styles that I altered and embeded an image to show you how I was able to get your site to look.

If you haven't used Firebug, I would download it.  (You could also use the Developer Tools for IE)  

-Robin
csschanges.txt
site.png
0
 

Author Closing Comment

by:Donnie Walker
ID: 37789009
that was perfect!
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
iOS 10 iPad Zoom and acroll 4 72
alert before form submission 6 40
Using a 16 / 12 column Grid - Can't get columns to display correctly 4 22
CSS issue 8 31
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question