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
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:
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
Code: Select all
#header #cart {
position: absolute;
top: 0px;
right: 145px;
z-index: 9;
min-width: 300px;
}
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
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.
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.
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.
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
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!!!
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
Who is online
Users browsing this forum: Ahrefs [Bot], Majestic-12 [Bot] and 43 guests