How do I move the left menu so it is up against the logo?

I have a site here:

http://rentawebguy.net/nofry/

the menu on the left side that I need to butt up against the center logo.

Also, when I view this on a mobile device the right side menu is responsive and goes beneath the logo as it should...but I left side menu goes above the logo (like it should) but becomes vertical.

And there is a line below the right side menu I cannot remove.

Nothing I've tried works. I've attached an image showing what I need.

Any help is appreciated.
menu.png
Donnie WalkerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

selvolCommented:
Wordpress should already do all that for you using the Admin panel.
The CMS should do all the work for you.
Possibly try using a newer template in your Wordpress.

My advice would be to start over with a fresh or different CMS then the one you are using.

Selvol
0
Donnie WalkerAuthor Commented:
I'm using the Genesis framework with the latest Dynamik theme from Genesis.

At this point I just need some help with tweaking the css.
0
Peter HartCommented:
Donnie, just looking at the site and the menus are completely different?  (on in the top right and the main one)
are you still trying to get it split across the logo?
one way would be to add the line

div#logo {
display:none;
}

in the media part for the small screen in style near the main nav that also changes to Display:none:  about line 1478 in style.css

and then you need to play around with % of the menus to get them evenly spread.
0
Donnie WalkerAuthor Commented:
I was playing with a basic theme to see if I could make it work like I want. I put the original back up.
0
Peter HartCommented:
hmm, you need to look at the CSS styles for the left menu, the styles of the logo and the styles of the right menu. they interact with each other.
see class and styles:  nav-primary, menu-menuleft, menu genesis-nav-menu,  menu-primary, site-title,heading, nav-secondary, menu-menuright
some of these classes are used on both menus , you might want to split some of these cases into  left ,middle and right classes.
when its on a small screen you want the logo in its current position to disappear (display:none).  if you want a logo on small screens at the top then put some code before the left menu to display the logo only when the screen is small otherwise hide it ( the opposite style to the logo n the middle)
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.