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 29, 2016 at 7:47 am #270941
  mickys

  Member

  Post count: 17

  Hi there,
  I have a few questions I hope to get answers for:

  1. Mobile slide out bar – How can I remove the cart icon? When I remove from the theme options it also removes the icon from the header. I only want it removed from the side bar.

  2. Mobile slide out bar – Can I remove the lines between the menu topics?

  3. Mobile slide out bar – Is it possible to add another sub menu? or links to pages? For example please checkout the bottom part of the mobile slide out menu on bonobos.com

  4. Mobile slide out bar – How do I align the text to right or left? At the moment I have it aligned to the center which is not good. On your demo site it is aligned to the left.

  5. Page category header – How do I remove the breadcrumbs under the main header topic?

  Thanks,

  May 31, 2016 at 10:09 am #271302
  David Martin – Support

  Moderator

  Post count: 20834

  1) Please use this CSS:

  .shop-icon-fill #mobile-menu-wrap .shopping-bag-item a > span.num-items, #mobile-menu-wrap i.sf-icon-cart { display: none; }

  2) Looks like you have done this.

  3) No this is not currently something that is supported. I can pass this feedback back to the team for consideration.

  4) Please use this CSS:

  #mobile-menu, .mobile-search-form input[type="text"] {
      text-align: left!important;
  }

  5) Looks like you have done this.

  Thanks.

  May 31, 2016 at 11:00 am #271331
  mickys

  Member

  Post count: 17

  Hi thanks for the answers but still need some help:

  Question 1 : It worked but probably I was not clear with my question – I need the whole row removed not only the icon. Meaning I don’t want a row of cart in the mobile slide out bar. Can you tell how do this?

  Question 4: It worked. But I have also a RTL language (WPML = English + Hebrew). How do I get the mobile slide out menu to be aligned left when English and aligned right when Hebrew? At the moment the CSS you gave me alignes both to the left.

  Thanks,

  June 1, 2016 at 12:00 pm #271689
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  1) Please use this CSS:

  #mobile-menu ul li.shopping-bag-item {
      display: none;
  }

  2) WPML adds a body class, so you can use that. Update to the below:

  #mobile-menu, .mobile-search-form input[type="text"] {
      text-align: left!important;
  }
  .rtl #mobile-menu, .rtl .mobile-search-form input[type="text"] {
      text-align: right!important;
  }
  .rtl .mobile-search-form input[type="text"] {
      padding-right: 50px;
  }

  Thanks.

  June 1, 2016 at 1:40 pm #271716
  mickys

  Member

  Post count: 17

  Thanks!

  June 1, 2016 at 1:56 pm #271720
  David Martin – Support

  Moderator

  Post count: 20834

  Great, no problem!

  – David.

• Back to forum

  Posted in: Atelier