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
• March 1, 2016 at 11:54 am #252923
  Buysmartuk

  Member

  Post count: 22

  Hi guys,

  Looking to give some indication that the main top level link on a menu has mega menu options. What is the best way to do this with Atelier?

  I am not keen on an icon to the left. I also don’t want to have to just use a + on the end of the anchor term. Is there a way to perhaps attach a down pointer to the right of the anchor?

  Thanks!

  March 1, 2016 at 12:56 pm #252949
  Buysmartuk

  Member

  Post count: 22

  I have actually managed to do this by lifting some of the code on the downward arrow icon for the shopping basket and applied some custom CSS.

  .sf-mega-menu .menu-item-text{
      padding-right:16px;
      position:relative;
  }
  .sf-mega-menu .menu-item-text:after{
      content: "\e60d";
      font-family: 'atelier';
      position: absolute;
      top:22%;
      right: 0px;
      height: 15px;
      line-height: 15px;
      font-size: 12px;
  }

  It might not be the best way but open to suggestions if anyone can improve it.

  Many thanks!

  March 2, 2016 at 12:36 pm #253155
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  That is a perfectly fine way to do it also.

  Thanks.

• Back to forum

  Posted in: Atelier