Post by rapro » Fri Feb 17, 2012 8:32 am

Hey guys i need some help with header cart styling. When i hover over a cart it (dropdown cart content) opens to the right, i want to change it but cannot figure out where exacly.

Webshop link:

Thanks in advance for a push in the right direction.
Last edited by rapro on Mon Feb 20, 2012 9:22 am, edited 1 time in total.

New member


Fri Jan 28, 2011 7:21 am

Post by florinsith » Sat Feb 18, 2012 4:58 pm

Edit the file catalog/view/theme/yourtheme/stylesheet/stylesheet.css

and look at this piece of code:

Code: Select all

#header #cart {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 9;
	min-width: 300px;
#header #cart .heading {
	float: right;
	margin-right: 172px;
	padding-left: 14px;
	padding-right: 14px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-top: 1px solid #C9CBCD;
	border-left: 1px solid #C9CBCD;
	border-right: 1px solid #C9CBCD;
	border-bottom: 1px solid #C9CBCD;
	background: #FFF;
	position: relative;
	z-index: 1;
switch the margin-right value from #header #cart .heading with the right value from #header #cart if you want the cart to stay still and open to the left, or set the margin-right value for #header #cart .heading to 0 , and your cart will move to the right till the margin.

My Extensions - SuperTheme - Opencart templates - Opencart modules

User avatar
Expert Member


Fri May 14, 2010 2:36 am

Post by rapro » Mon Feb 20, 2012 9:22 am

Thank you florinsith!


New member


Fri Jan 28, 2011 7:21 am
Who is online

Users browsing this forum: No registered users and 7 guests