Shop Categories

X

Make x bigger to delete items from cart

Home Forums Agama Pro Make x bigger to delete items from cart

Topic Resolution: Resolved

Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #11315
    Kristynlane89
    Participant

    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!

    #11317
    Zex
    Moderator

    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

    #11324
    Kristynlane89
    Participant

    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)

    #11325
    Kristynlane89
    Participant

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

    #11326
    Kristynlane89
    Participant

    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;

    }             

    }

    #11327
    Kristynlane89
    Participant
    This reply has been marked as private.
    #11328
    Kristynlane89
    Participant
    This reply has been marked as private.
    #11334
    Zex
    Moderator

    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

    #11339
    Kristynlane89
    Participant

    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!!!

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.