Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1168906

    Hi,

    I would like to change my mega menu font style. Please let me know how to change that.
    Please check the private content.

    Thanks
    Swathi

    #1168993

    Hey Swathi,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    #1169015

    please check the private content . I would like to change the main menu font style.

    Thanks you

    #1169068

    Hi,
    Sorry for the late reply, I didn’t find the menu item ‘discover, wireless sensors’ in your mega menu and I’m not sure if you want to add an icon next to your mega menu text or replace the text with an icon, so I will show you both solutions.
    To add an icon before the mega menu text we will use the following css, note that each menu item has a different ID, so adjust to target each item along with the icon code and color.

    #menu-item-3487 > .mega_menu_title > a:before {
      content: "\e894";
      font-family: entypo-fontello;
      color: #3ec607;
      position: relative;
      padding-right: 5px;
    }

    To replace the menu text with an icon use this css:

    #menu-item-3488 > .mega_menu_title > a {
    	color: transparent !important;
    }
    #menu-item-3488 > .mega_menu_title > a:before {
      content: "\e8a7";
      font-family: entypo-fontello;
      color: #3ec607;
      position: relative;
      padding-right: 5px;
    }
    

    Here is what these would look like:
    2019-12-29-053424
    you can add the above css to your Enfold Theme Options > General Styling > Quick CSS field to test, please be sure to clear your browser cache after adding.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.