How to center Nav menu when it is in the Header Right widget area

Community Forums Forums Design Tips and Tricks How to center Nav menu when it is in the Header Right widget area

This topic is: not resolved

This topic contains 3 replies, has 3 voices, and was last updated by  genwrock 7 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #93634

    mkpdesigns
    Participant
    Post count: 8

    I have found a few ways to center the nav menu, and I have done it before, but not when I am using the Header Right widget area for the nav menu. Can someone help me with this? Is this possible? I am using the Crystal theme, and you can view the site I am working on at :
    http://www.mkpdesigns.net/cath/
    I have been looking at these two pages, which I think one worked before when I was doing it with how the primary nav usually is, but never like this. What do I change the things like:

    http://journalxtra.com/wordpress/genesis-theme/menus/howto-center-wordpress-genesis-theme-horizontal-menus/

    or

    http://journalxtra.com/wordpress/genesis-theme/menus/howto-center-wordpress-genesis-theme-horizontal-menus/

    One of the things I need is the nav.wrap, but is there a wrap for the header right? Will this work?
    Any help is so appreciated!!!!
    BTW, the site is still very much in the works, but please be easy on me lol, I have been doing this for a while, but only a year with CMSs and Genesis, so I am no professional, but I try. Anyways, I am desperate for help! Thanks so much anyone!!!

    http://www.mkpdesigns.net/cath/
    #93636

    anuj0990
    Member
    Post count: 1

    This is very useful information shared here. I am really thankful for this.
    http://www.99th.co.in

    #93654

    mkpdesigns
    Participant
    Post count: 8

    Are you serious? ^^^^??? What kind of spammer are you? How does that get you any business by lying and trying to seem like you are helping someone. And post count 1? You made an account to just spam me?

    Please people, can someone please help me?

    #93656

    genwrock
    Member
    Post count: 673

    Change the CSS of line no 158

    #nav li, #subnav li, #header ul.nav li, #header ul.menu li, #header ul.nav li {
        display: inline-block;
        float: left;
        list-style: none outside none;
    }

    to

    #nav li, #subnav li{
        display: inline-block;
        float: left;
        list-style: none outside none;
    }

    Add the following code in style.css file

    #header ul.nav li, #header ul.menu li, #header ul.nav li {
       float: none;
       display: inline-block;
    }
    
    #header #menu-nav{width: 100%;}

    See My PRO Genesis Child Themes | Customizing & Creating Genesis Website | Follow Me on Twitter

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.