Frontier: Remove divider lines between items in main menu

  • Resolved AMREric

    (@amreric)


    9 years, 8 months ago

    How do I remove the lines between the menu elements in the main menu?

    I have experimented with the CSS trying to set nav-main ul and li border to none but have had no success.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    #nav-main .nav-main > li,
#nav-main .nav-main > ul > .page_item {
    border: 0;
}

    Thread Starter AMREric

    (@amreric)

    Thank you Andrew. That did the trick. I love this Frontier theme but I banged my head on the wall for half a day trying to figure that out.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Frontier: Remove divider lines between items in main menu’ is closed to new replies.