WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:
Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users
COURSE of the MONTH
15 days, 10 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
How do I move the left menu so it is up against the logo?
Posted on 2014-12-30
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
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
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2-
2
5 Comments
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
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
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.
At this point I just need some help with tweaking the css.
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.
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.
I was playing with a basic theme to see if I could make it work like I want. I put the original back up.
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)
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)
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to. Some of these selectors are more commonly known and used than others - Here are the more common ones:
#X - Matches an ID of X
.X - Matche…
In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress
releases new versions of its software frequently and it is important to update frequently in order to
keep your site secure, and to get new WordPress…
The purpose of this video is to demonstrate how to set up basic WordPress SEO.
This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast.
Go to your WordPress login page. This will look like the following: myw…
Suggested Courses
Course of the Month15 days, 10 hours left to enroll
743 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.