Make x bigger to delete items from cart

[Kristynlane89]

I do not even want to ask because you all help so much! But is there a css code I can enter to make the red x (that deletes items from cart) beside the items in the cart bigger? I have people complaining the button is to small. Thanks again!

[Zex]

Hello,Kristynlane89!

this is the CSS code you need: (Insert it into Customizing->General->Additional CSS)

.agama-cart-item-desc span.agama-cart-item-quantity a.remove {
    
    font-size: 26px !important;
}

Change the font size per your needs.

Regards

[Kristynlane89]

Thank you so much worked perfect!!! Is there a css code to put space between the cart and menu on mobile version? (the person I am building this site for is driving me nuts it has been done and the layout was signed off on along time ago)

[Kristynlane89]

Sorry he is requesting the mobile menu to be moved to the left side

[Kristynlane89]

Ok so I was looking through the forum and found someone else had the same need I do (moving menu) I know your not supposed to unless your situation is exactly the same but I used the css from their post my client loves the way it looks on mobile I was just wondering if there was a way to remove the scroll feature and have the full menu show. Below is the css I used.
@media (max-width:994px) {

.sticky-header.sticky-header-shrink {

!important;          

}  

nav.mobile-menu {

!important;

width: 100%;

top: 60px;

height: 250px;

overflow: auto;

z-index:9999;

}

 

h1.site-title a {

width: 80%!important;

text-align: left!important;

} 

 

.logo{

float: left!important;

}

 

.mobile-menu-icons{

width: 20%!important;

clear: none!important;

text-align: right!important;

}             

}

[Kristynlane89]

This reply has been marked as private.

[Kristynlane89]

This reply has been marked as private.

[Zex]

Hello,Kristyn!

I apologiye to you for the late reply, we are in the different time zones…
If I correctly understand your request, (please correct me if I’m wrong) the next code should solve your problem. :(I have already inserted it for you)

@media (max-width: 992px){
.mobile-menu-icons, .mobile-menu-icons li{ 
 float:right; 
 clear: none; 
 width: auto; 
}	
.sticky-header .pull-left {
 float: left!important;
  }
#agama_wc_cart{
 padding-left:15px;
 }
}

Please let me know if you need something else.

Best Regards

[Kristynlane89]

It is absolutely perfect thank you! No worries on the response time you all have always responded in a timely fashion! Even with the time difference. Thanks again!!!

[Author]

Posts