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
• September 6, 2016 at 5:59 pm #290829
  myled

  Member

  Post count: 16

  Hi,
  I’ve customized icons in header menu, using ::after and ::before pseudoselectors. Found this method in on of the topics here. It seems to work quite well, however they are visible (and out of place) in the mobile menu. I’d like to hide them or position correctly (but they’re black, so I’d have to change image as well.
  Long story’s short, I need selectors that would apply only when mobile menu is open.
  Typical media query won’t do, as I don’t want to hide cart icon on mobile.
  Thanks in advance.

  September 7, 2016 at 7:52 am #290855
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I see only cart icon in mobile menu. Do you want to hide it? Just check the attachment.
  Thanks
  Mohammad

  Attachments:

  You must be logged in to view attached files.
  September 7, 2016 at 11:58 am #290914
  myled

  Member

  Post count: 16

  Hi Mohammad,
  I don’t want to hide cart icon. What I mean’t was mobile menu open – see screeshot.

  Attachments:

  You must be logged in to view attached files.
  September 7, 2016 at 1:14 pm #290927
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #mobile-menu ul li.parent > a:after{
  margin-top: -30px !important;
  }
  #mobile-menu-wrap .sf-icon-search:before, #mobile-menu-wrap.sf-icon-search:before{
  display:none !important;
  }
  

  Thanks
  Mohammad

• Back to forum

  Posted in: Atelier