ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• May 18, 2017 at 2:34 pm #325178
  markmuz

  Member

  Post count: 94

  Hi folks, having some serious display issues on mobile for products which it would be great to get your help with since most of my customer shop on mobile!

  1. On mobile, it seems to be cutting off the top half of all of my main product images (https://thelevelcollective.com/shop/flame-t-shirt-mens-melange-black/). See attached screen shot

  2. On the same product page, at the bottom with the “Other recommended products” or “Adventure inspired designs” I’d like to hide the product categories please. how can I do this please?

  3. On the shop page with the list of all the products ( https://thelevelcollective.com/product-category/mens/) I want to hide the white box and bag icon which displays on to of the product images (see attached screenshot)

  Thanks for your time

  Cheers

  Mark

  Attachments:

  You must be logged in to view attached files.
  May 19, 2017 at 5:16 pm #325330
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  1, 2, 3)

  Please add this to Theme Options => Custom CSS:

  @media only screen and (max-width: 767px) {
      .single-product.page-heading-fancy .product-main {
          margin-top: 0;
      }
      .related-products .posted_in {
         display: none !important;
      }
      .product .cart-overlay .shop-actions {
         display: none !important;
      }
  }

  May 19, 2017 at 5:35 pm #325335
  markmuz

  Member

  Post count: 94

  hey David, thanks so much – all worked great apart from number 3 – the cart overlay. To be honest I’d quite like it gone for all screen sizes please

  https://thelevelcollective.com/product-category/mens/

  any other ideas

  May 19, 2017 at 5:44 pm #325337
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  In that case replace it by this code.

  @media only screen and (max-width: 767px) {
      .single-product.page-heading-fancy .product-main {
          margin-top: 0;
      }
      .related-products .posted_in {
         display: none !important;
      }
     
  }
  .product .cart-overlay .shop-actions {
      display: none !important;
  }

  Hope it helps.

  -Rui

• Back to forum

  Posted in: Atelier