Okay
  Public Ticket #1816741
mobile menu - css - Header Dropdown Arrows + mobile header Font
Closed

Comments

  • PELTZi started the conversation

    So far, I have just done a small project with Salient and am currently looking for a suitable theme for my next order. I need a nice megamenu - and that's Salient.

    However:

    I would like to use the "off canvas navigation" AND the normal mobile main "megamenu" on mobile devices.

    However, in this setting, the "Header Dropdown Arrows" are not visible, which is not user-friendly.
    Also the font size does not seem to be configurable. At least not through the normal path through: Salient> Typography> Responsive Settings. ???

    How do I control the color via CSS of "icon-angle-down" ???

    Many thanks for your help.
    Hendrik

  •  8,996
    Tahir replied

    Hey P,

    These are the only options available as regards Mega Menus.

    Please have a look at this Article :http://themenectar.com/docs/salient/mega-menu/ .

    Best 


    ThemeNectar Support Team 

  • PELTZi replied

    Hello Tahir,

    Mega Menus are not my problem, but the missing / invisible drop down icon for mobile devices. Did not you see my screenshots? I already read your documentations! Best regards Hendrik

  •  8,996
    Tahir replied

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks


    ThemeNectar Support Team 

  •   PELTZi replied privately
  •  3,030
    Andrew replied

    Hi,

    Please try the following Custom CSS code. General Settings > CSS/Script Related > Custom CSS code

    #mobile-menu ul li a .sf-sub-indicator i:before{
      content: "\f078";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
    }
    

    Kind Regards

  • PELTZi replied

    Hello Andrew, 

    it works! Perfect.

    Many Thanks! 

    Best regards 

    Hendrik