Post by cihuy » Tue Mar 05, 2013 11:14 am

heloo

am newbie here

i need help for how to make menu position being a centering not left position

what should i do


help me please,

Newbie

Posts

Joined
Tue Mar 05, 2013 11:08 am

Post by Avvici » Thu Mar 07, 2013 12:46 am

If you are just talking about the menu ITEMS/BUTTONS then you want to focus on the style rule in stylesheet.css

Code: Select all

#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;
	padding: 6px 5px 5px 0px;
}
Make adjustments as necessary to change the positioning

User avatar
Expert Member

Posts

Joined
Tue Apr 05, 2011 12:09 pm
Location - Asheville, NC

Post by tim21701 » Thu Mar 07, 2013 2:47 am

open catalog/view/theme/ВАША_ТЕМА/stylesheet/stylesheet.css and find:

Code: Select all

#menu {
background: #585858;
border-bottom: 1px solid #000000;
height: 37px;
margin-bottom: 15px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
padding: 0px 5px;
}
add this:

Code: Select all

text-align:center;
below find:

Code: Select all

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
replace it:

Code: Select all

#menu ul {
list-style: none;
margin:auto;
padding: 0;
display:inline-block;
margin-bottom:-4px;
text-align:left;
}
3974906.jpg

3974906.jpg (35.35 KiB) Viewed 392 times


User avatar
Newbie

Posts

Joined
Fri Feb 25, 2011 5:46 pm
Location - Russia, Murmansk
Who is online

Users browsing this forum: Baidu [Spider] and 36 guests