How to center menu button in the theme womansecret?

  • fernandosantor · Member ·

    Hi, I`m trying to center the menu in the theme womansecret?
    I have tried several ways, but nothing works!

    The code in style.css is

    }
    /*—————————— MENU ——————————*/
    #secondarymenu-container {
    height:126px;
    position:relative;
    z-index:20;
    }

    #secondarymenu {
    float:right;
    margin-top:70px;
    margin-right:10px;
    }
    #secondarymenu a {
    padding:2px 9px;
    font-size:12px;
    font-family: ‘OpenSansRegular’;
    text-transform:uppercase;
    color:#4d4d4d;
    }
    #secondarymenu a:hover{
    color:#fff;
    background:#f4661d;
    }
    #header-block {
    position:center;
    }

    #mainmenu-container {
    height:25px;
    margin:0 auto 20px;
    z-index:18;
    padding:0 10px;
    }
    #mainmenu li a {
    padding:10px 10px;
    font-size:14px;
    font-family: ‘OpenSansRegular’;
    text-transform:uppercase;
    color:#4d4d4d;
    }
    #mainmenu li {
    position:center;
    }
    #mainmenu li a:hover{
    color:#fff;
    background:#e4827b;
    }

    #header li ul { top:25px; }
    #header #mainmenu li ul { top:50px; }

    #header li ul .transparent { }
    #header li ul .inner { background:#e05e1a; }
    #header #mainmenu li ul .transparent { }
    #header #mainmenu li ul .inner { }

    #header ul.children li a, #header .sub-menu li a {
    color:#fff;
    padding:0 20px;
    text-transform:none;
    text-align:center;
    }
    #header ul.children li a:hover, #header .sub-menu li a:hover {
    color:#000;
    background: rgb(254,254,254); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,225,225,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(226,225,225,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(226,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(226,225,225,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(226,225,225,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(226,225,225,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#fefefe’, endColorstr=’#e2e1e1′,GradientType=0 ); /* IE6-9 */
    }

    #header #mainmenu ul.children li a, #header #mainmenu .sub-menu li a {}
    #header #mainmenu ul.children li a:hover, #header #mainmenu .sub-menu li a:hover {
    }

  • kaniamea · Member ·

    It is difficult to answer this question without seeing your website but you can try something like this:

    #mainmenu {
    padding-left: 15%;
}

    You can add this code to Custom Design => CSS.

  • thesacredpath · Member ·

    Hi there, the site associated with your username is using Chaotic Soul and has not been active since April of 2002. The theme you are using is not available here at WordPress.com, so I suspect you are talking about a self-hosted WordPress site using the software from WordPress.org. I would suggest contacting the theme designer, or perhaps posting in the WordPress.org Themes and Templates forum.

  • fernandosantor · Member ·

    kaniamea, thanks for your help! It works very well!

  • The topic ‘How to center menu button in the theme womansecret?’ is closed to new replies.