Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 1, 2018 at 1:12 am #905938
    solostrength

    Hi – Noticed that since the new update the cart basket icon is moved up on my site and I need to move it down 10-20 px to be centered and not interrupting the top header. The icon is set to come on when items added to basket only so need to do that to see example.

    Hoping there is some css I can add to adjust this without too much trouble. Thank you in advance.

    February 1, 2018 at 2:12 am #905945
    Yigit

    Hi,

    You have following code in your style.css file 

    .cart_dropdown {
    height: 55px !important;
    width: 55px !important;
    right: -70px;
    top: 15%;
}

    Please change it to following one 

    .cart_dropdown {
    height: 55px !important;
    width: 55px !important;
    right: -70px;
}

    Cheers!
    Yigit

    February 1, 2018 at 2:42 am #905954
    solostrength

    Hello Yigit,
    Thank you for instruction. It appears to be working now perfectly…the only challenge is now when sizing for ipod screen size the size of the cart does not seem to play nicely with the screen and burger menu integration. This all happened since new update to woocomm. Can we shrink it in size at a higher resolution so it doesn’t overloap or look mismatched in size?

    • This reply was modified 6 years, 9 months ago by solostrength.
    February 2, 2018 at 11:36 am #906791
    Ismael

    Hi,

    Please replace the current code with:

    @media only screen and (max-width: 767px) {
  .cart_dropdown {
    height: 55px !important;
    width: 55px !important;
    right: -70px;
 }
}

    Look for the following code in the style.css file and move it inside the css media query above.

    .header_color .cart_dropdown_first .cart_dropdown_link {
    font-size:  25px;
    line-height: 55px;
}

    Best regards,
    Ismael

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