Post by Jonnoa » Tue Jul 10, 2012 3:58 pm

I have a problem with the shopping cart basket drop down box.
I have moved it to the far right of the page and added a text box to the menu bar and also moved the search box into the menu bar.
Please see http://www.sg.sg-s.co.uk
When you add product to the menu bar and click to show the drop down box. The text and search box bleed through.
How can I set the drop down menu box to be in front of everything else.

Jonathan

Newbie

Posts

Joined
Tue Jul 10, 2012 3:43 pm

Post by Avvici » Wed Jul 11, 2012 4:56 am

To fix this you can play with the z-index of the search, or the z-index of the cart. In your stylesheet.css for example you can find this style:

Code: Select all

#header #cart {
	position: absolute;
	top: 0px;
	right: 145px;
	z-index: 9;
	min-width: 300px;
}
The z-index dictates the position of elements along the z-axis. In terms of 3D you have x,y and z axis's.
Item 1 z-index: 1
Item 2 z-index: 2
Item 3 z-index: 3
This will create a layered effect where one will be on top of the other

User avatar
Expert Member

Posts

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

Post by Jonnoa » Sun Jul 15, 2012 3:01 am

We have tried playing with the z-index but still will not work.
Does anyone else have any suggestions.
Even my guy that knows Opecart very well and and expert in PHP can not work out.
Configuring the z-index was the 1st thing that was looked at to fix this.

Newbie

Posts

Joined
Tue Jul 10, 2012 3:43 pm

Post by rwalker » Sun Jan 06, 2013 6:20 am

I have been looking for the same thing.

The shopping cart is positioned all the way right. Making the cart's pop up not fully visible since the pop up goes further right.

If you have found something please post.

Discount Golf Clubs and Golf Equipment - Powered by Opencart


New member

Posts

Joined
Fri Jul 01, 2011 8:14 am

Post by rwalker » Sun Jan 06, 2013 6:28 am

Ok found my own solution.

In your stylesheet find: #header #cart .content {
clear: both;
display: none;
position: relative;
top: -1px;
padding: 8px;
min-height: 150px;
border-width: 1px;
border-style: solid;
border-color: rgb(238, 238, 238);
border-radius: 0px 7px 7px 7px;
box-shadow: 0px 2px 2px rgb(221, 221, 221);
background: none repeat scroll 0% 0% rgb(255, 255, 255);
}



add under background: margin-right: 160px;

Problem Solved!!!

Discount Golf Clubs and Golf Equipment - Powered by Opencart


New member

Posts

Joined
Fri Jul 01, 2011 8:14 am
Who is online

Users browsing this forum: Ahrefs [Bot], Majestic-12 [Bot] and 43 guests