Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 5, 2018 at 2:25 am #921258
    GaryBroadhurst

    Hi,
    I’d like to place a separator between the menu headings and the social icons in the header.

    Many Thanks
    Gary

    March 5, 2018 at 7:56 am #921328
    Rikard

    Hey GaryBroadhurst,

    What kind of separator would you like? Could you post a link to the site in question?

    Best regards,
    Rikard

    March 5, 2018 at 10:03 am #921370
    GaryBroadhurst

    Hi Rikard,
    just a verticle line between the menu & social icons

    Thanks
    Gary

    March 5, 2018 at 8:04 pm #921741
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .avia-menu:after {
    content: "";
    border-right: 1px solid #FFF;
    position: absolute;
    right: 0;
    top: 50%;
    height: 30px;
    transform: translateY(-50%); 
}

    Best regards,
    Vinay

    March 5, 2018 at 10:32 pm #921867
    GaryBroadhurst

    That’s great thanks Vinay

    Regards
    Gary

    March 5, 2018 at 10:37 pm #921878
    Jordan Shannon

    Hi,

    I’m glad Vinay’s suggestion was able to help. If you need further help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Menu Separator’ is closed to new replies.