0
Welcome Guest! Login
0 items Join Now

How to add horizontal line underneath Navigation bar in Helium

Last Post
Search Topic

  • How to add horizontal line underneath Navigation bar in Helium

    Posted 1 year 11 months ago
    • Hi is there a way to get a thin horizontal bar in black to appear underneath the navigation bar (logo - menu) in Helium?

      Ideally I'd like it to go from the left edge to the right edge of the screen if possible.

      My site is www.naturallychildled.com

      Thank you.
    • Last Edit: 1 year 11 months ago by Shane Seguin.
    #1446679
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: How to add horizontal line underneath Navigation bar in Helium

    Posted 1 year 11 months ago
    • Use this code:
      #g-navigation {
  border-bottom: 2px solid black;
}

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1446686

Time to create page: 0.049 seconds