Okay
  Public Ticket #2339076
Submenu title & icon
Closed

Comments

  •  2
    ebenet started the conversation
    March 26, 2020 at 3:13pm

    I added some custom page level CSS for page submenu, but am seeing the menu label twice for some reason. Also, how can I keep the title in the container instead of it being full width?

    Is it also possible to add an icon?

    .page-id-720 .page-submenu div:before {

        content: "Legal Billing & Accounting";
    position: absolute;
    left: 0px !important;
    display: inline-block;
    padding: 20px !important;
    font-size: 18px;
}

  •  8,992
    Tahir replied
    March 26, 2020 at 9:17pm

    Can you provide the relevant page url ? .

    Thanks

    ThemeNectar Support Team 

  •   ebenet replied privately
  •  8,992
    Tahir replied
    March 26, 2020 at 9:43pm

    Use below revised css: 

    .page-id-648 .page-submenu div.container ul:before {
    content: "Legal Practice Management";
    position: relative;
    float: left;
    display: inline-block;
    padding: 20px !important;
    font-size: 14px;
    font-family: 'questrial';
}

    Thanks

    ThemeNectar Support Team 

  •  2
    ebenet replied
    March 26, 2020 at 10:32pm

    Thank you!

    How about an icon to the left of Legal Practice Management?

  •  8,992
    Tahir replied
    March 27, 2020 at 2:25pm

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .page-id-648 .page-submenu div.container ul::before {
    content:  "\f259  Legal Practice Management";
    position: relative;
    float: left;
    display: inline-block;
    padding-top: 20px!important;
    font-size: 14px;
    font-family: 'FontAwesome','questrial';
}

    Thanks

    ThemeNectar Support Team