WordPress.org

1. neteater
   Member
   Posted 1 year ago #

   hi i am using Red Shadow theme for my blog and i want to move the location of top menu to left currently it is in right side. how to do this my site is http://www.studentlife.co.in

2. Samuel B
   moderator
   Posted 1 year ago #

   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

Topic Closed

This topic has been closed to new replies.