how to move menu location

Viewing 1 replies (of 1 total)

  • always back up 1st
    open theme’s style.css find this block that controls header div

    div#menu {height:30px;border-top: 2px solid #eae2bf}

div#menu ul {float:right;width:auto}

div#menu ul li {float:left;position:relative;width:auto}

div#menu ul li a {font-size:1.2em;display:block;padding:5px 5px 6px 5px;text-decoration:none;text-align:center;color:#eae2bf;font-weight:bold}

div#menu ul li a:hover, div#menu ul li.current_page_item a {color:#dc3231;background: url(img/menu-bkg-ov.png) repeat-x}

div#menu ul ul {width:100px;position:absolute;left:10px;top:23px;display:none;background:#dc3232}

div#menu ul li.current_page_item ul a {background:#dc3232;color:#eae2bf}

div#menu ul li.current_page_item ul a:hover {background:url(img/menu-bkg-ov.png) repeat-x}

div#menu ul li ul a {float:left;width:100px;font-weight:bold;text-align:left;border:1px solid #dc3231;background:#dc3232;height:auto;padding:5px}

div#menu ul li ul a:hover {color:#dc3231}

div#menu ul ul ul {top:auto}    

div#menu ul li ul ul {top:23px;left:10px;margin:0}

div#menu ul li:hover ul, div#menu ul li:hover ul ul ul, div#menu ul li:hover ul ul ul ul{display:none}

div#menu ul li:hover ul, div#menu ul li li:hover ul, div#menu ul li li li:hover ul, div#menu ul li li li li:hover ul{display:block}

    change this line
    div#menu ul {float:right;width:auto}
    to
    div#menu ul {float:left;width:auto}
    save file

Viewing 1 replies (of 1 total)
  • The topic ‘how to move menu location’ is closed to new replies.