Okay
  Public Ticket #2391776
Page Submenu Styling
Closed

Comments

  •  3
    Letter27 started the conversation
    May 6, 2020 at 4:45pm

    We'd like to add an icon to the left of each of the submenu items and also have the menu items hover with a red underline. Is that possible? 

  •  3,021
    Andrew replied
    May 6, 2020 at 5:32pm

    Hi there,

    - Not possible to add icons

    - Try the following custom css for underline on hover:

    body .page-submenu li a:hover::after {
    content: '';
    display: block;
    border-bottom: 2px solid red;
}

    Hope this helps.

  •  3
    Letter27 replied
    May 6, 2020 at 5:45pm

    Thanks! It looks like someone else was able to add an icon. Would this work?

    https://themenectar.ticksy.com//ticket/2339076/

  •  3,021
    Andrew replied
    May 6, 2020 at 5:58pm

    Hi there,

    Try the following:

    .page-submenu li:first-child a:before {
    content: '\f000';
    font-family: FontAwesome;
    padding-right: 8px;
}
.page-submenu li:nth-child(2) a:before {
    content: '\f070';
    font-family: FontAwesome;
    padding-right: 8px;
}

    Kind regards.

  •  3
    Letter27 replied
    May 6, 2020 at 6:06pm

    Thanks! It's close... it doesn't look like it is pulling the Font Awesome code correctly.

    http://dev.apbcorp.com/

  •  3,021
    Andrew replied
    May 6, 2020 at 6:11pm

    Hi there,

    It looks like it is missing the backslash. Did you copy and paste the css?

    6458103617.png

    For other menus you simply copy the same css and change the nth child part

    Thanks.

  •  3
    Letter27 replied
    May 6, 2020 at 6:26pm

    Oh! We copied from the code from the email and the backslashes weren't shown. Working great now!