One option would be to define a width for the menu, and then use margins to centre it, eg:
.menu ul {
max-midth: 600px; // What the max width you want it be
margin: 0 auto;
}
you will then need to add the background color from .menu to .main-nav if you want the menu to look full width.
Thread Starter
erez88
(@erez88)
Thanks, Brad! I’m afraid this doesn’t work though, quite simply, nothing happens…
I should also add, that I brought the logo down to the menu, so now they’re on the same baseline. The logo should center with the rest of the menu, so it looks like this: http://erezhenya.com/random_files/wp_forum/menu.png
P.S.- sorry I unable link to the page, I test it on my localhost…
Oh right, sorry to miss-guide you there I was just going by the demo of the theme. I might have to get back to you on that one, will see if I can set up that theme on my local and recreate your menu/logo layout.
Thread Starter
erez88
(@erez88)
Thanks, friend! let me know when you come across something 🙂
I’m having a similar problem – on my home page the footer is centered but on subsequent pages it isn’t. When looking at the code with Chrome developer tools, I notice that the footer is outside the container versus the home page where the footer is inside the container.
As per the theme developer’s request, please post in the theme’s dedicated forum: http://cyberchimps.com/forum/free/responsive/
Thread Starter
erez88
(@erez88)
Working solution for menu: (put into your child-theme’s stylesheet)
@media screen and (min-width: 981px) {
.menu {
text-align:center
}
.menu li {
display:inline-block;
float:none;
margin-left: -5px;
}
.menu li li {
display:block;
text-align:left
}
}
Working solution for footer: (same)
copyright {
text-align: right;
}
.powered {
text-align: left;
}
