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

Attachments

menubar.jpg

menubar.jpg (33.55 KiB) Viewed 4309 times


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 22 guests