WordPress.org

Ready to get started?Download WordPress

Forums

Responsive
[resolved] center menu to page (9 posts)

  1. erez88
    Member
    Posted 10 months ago #

    Hi guys, excellent theme. So far, I'm having a great time modifying it!

    I'd like to align the menu content from left (default) to center and was wondering how to do so. Nothing that I did (mostly text-align: center with and without other codes) seemed to make it work. What am I doing wrong?

    Thanks, Erez

  2. Brad Davis
    Member
    Posted 10 months ago #

    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.

  3. erez88
    Member
    Posted 10 months ago #

    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...

  4. Brad Davis
    Member
    Posted 10 months ago #

    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.

  5. erez88
    Member
    Posted 10 months ago #

    Thanks, friend! let me know when you come across something :)

  6. seattlejean
    Member
    Posted 10 months ago #

    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.

  7. esmi
    Forum Moderator
    Posted 10 months ago #

    As per the theme developer's request, please post in the theme's dedicated forum: http://cyberchimps.com/forum/free/responsive/

  8. erez88
    Member
    Posted 10 months ago #

    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;
    }
  9. Brad Davis
    Member
    Posted 10 months ago #

    Nice!

Reply

You must log in to post.

About this Theme

About this Topic