Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 21, 2017 at 8:14 pm #891334
    ryan_boomstreet

    My cart icon doesn’t show on mobile. I have the following in my custom css:

    #top .main_color .input-text, #top .main_color input[type=’text’], #top .main_color input[type=’input’], #top .main_color input[type=’password’], #top .main_color input[type=’email’], #top .main_color input[type=’number’], #top .main_color input[type=’url’], #top .main_color input[type=’tel’], #top .main_color input[type=’search’], #top .main_color textarea, #top .main_color select { color: gray !important; }

    .add_to_cart_button {
    display:none;
    }
    .add_to_cart_inline {
    border: 0px!important;
    font-size: 18px;
    font-weight: bold;
    }

    .image-overlay { display: none!important; }

    @media (max-width: 760px){ #sb_instagram{ width: 480px; } }

    .portfolio-preview-image {
    width: 500px;
    }
    .portfolio-preview-content {
    width: 70%;
    }
    .inner-entry .grid-content {
    min-height: 115px !important;
    }
    .grid-entry-title {
    font-size: 18px;
    color: #666666 !important; }
    .grid-entry-excerpt {
    font-size: 14px;
    font-style: normal; }

    December 22, 2017 at 7:25 am #891494
    Rikard

    Hey ryan_boomstreet,

    Did you try to remove the custom CSS to see if it might be causing that? If that is not the case, then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    December 23, 2017 at 8:27 pm #891849
    ryan_boomstreet
    This reply has been marked as private.
    December 24, 2017 at 6:46 am #891925
    Rikard

    Hi,

    I tried removing all the CSS in your Quick CSS and that resolved the issue, maybe you could remove the statements one by one to see which one is causing the issue?

    Best regards,
    Rikard

    January 2, 2018 at 11:34 pm #892639
    ryan_boomstreet

    I currently have no css in my quick css and I’m still not seeing the the cart icon show up in chrome or safari at mobile size.

    January 5, 2018 at 6:31 pm #893788
    Victoria

    Hi ryan_boomstreet,

    The cart does not show on mobile, because this code
    https://cl.ly/2C1S1z202Q2f in your child theme is hiding it. Please, remove the code.
    And add this code:

    
@media only screen and (max-width: 767px) {
  .responsive #top .cart_dropdown {
      position: absolute;
      top: 25%;
      margin-top: 0;
      z-index: 1000;
      right: 0;
  }
}

    Best regards,
    Victoria

    January 6, 2018 at 12:36 am #893903
    ryan_boomstreet

    I’ve now removed all the responsive css from the child theme style.css and added the code you provided in the quick css and the problem still persists.

    January 6, 2018 at 5:48 pm #894135
    Victoria

    Hi ryan_boomstreet,

    I am seeing the cart on mobile. Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

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