Post by eddie_d » Sun Mar 04, 2012 6:05 am

Hi,

I need to add more categories but the menu bar is not auto changing the height, how do change the height?

Regards

Eddie

Our online shop using OpenCart http://www.enscomputers.co.uk


New member

Posts

Joined
Fri Feb 03, 2012 4:28 am
Location - Somerset UK

Post by inactiveaccount9912 » Sun Mar 04, 2012 10:14 pm

Edit the file catalog/view/theme/yourtheme/stylesheet/stylesheet.css and modify the height of the #menu div.You should also edit the image that serves as background to the menu and make it higher

Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by eddie_d » Sun Mar 04, 2012 10:48 pm

Hi Florinsith

We have just worked out that we had to edit the image, and got the alignment of the categories sorted out, now we are having a problem with http://forum.opencart.com/viewtopic.php?f=21&t=54115

Just when we thought we were getting somewhere!

Any ideas??

Regards

Eddie

Our online shop using OpenCart http://www.enscomputers.co.uk


New member

Posts

Joined
Fri Feb 03, 2012 4:28 am
Location - Somerset UK

Post by inactiveaccount9912 » Sun Mar 04, 2012 11:19 pm

in the same file , edit the block #menu > ul > li > div , and try setting the z-index to 7.

Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by eddie_d » Sun Mar 04, 2012 11:26 pm

We just treid this and it still didn't work! I have even tried adding an "opacity: 1.0;" so that the second row is not visible, but that didn't work either!

Any other ideas would be greatly appreciated! :)

Regards

Eddie

Our online shop using OpenCart http://www.enscomputers.co.uk


New member

Posts

Joined
Fri Feb 03, 2012 4:28 am
Location - Somerset UK

Post by k2tec » Tue May 15, 2012 10:49 pm

Change

Code: Select all

#menu > ul > li {
	position: static;
	float: left;
	z-index: 20;
	background: #your color;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin:5px;
}
and

Code: Select all

#menu > ul > li > div {
	display: none;
	background: #your color;
	position: absolute;
	z-index: 500;
	padding: 5px;
	border: 1px solid #000000;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background: url('../image/menu.png');
}

User avatar
Active Member

Posts

Joined
Mon Apr 12, 2010 8:06 pm

Post by jesen_tse » Thu Apr 09, 2015 2:11 pm

thx you ... how to change menu category name to other name

like contact us, how to buy, etc thx

i want to remove category name in top menu

Newbie

Posts

Joined
Mon Apr 06, 2015 12:09 am
Who is online

Users browsing this forum: No registered users and 10 guests