How to place horizontal rule above/below navigation header

Ken · 2016-07-20 22:23:00

How do I place a horizontal rule above and below the the navigation header. I was able to do this in the CE4, but can not figure out where this setting is in Backlight

rod barbee · 2016-07-20 22:27:31

do you mean a border? I think this needs to be done with custom css.

you could try this in your custom css:

ul.primary-menu {
	border-top: 1px solid red;
	border-bottom: 1px solid red;
}

change color and thickness as needed.

Ken · 2016-07-20 22:30:20

I have never done this before. Any links with suggestions on how to incorporate custom css into a Backlight template?

rod barbee · 2016-07-20 22:37:16

http://ttg-tips-and-tricks.barbeephoto. … backlight/

Ken · 2016-07-21 01:26:27

Works nicely, now if there was some way to get the two borders to extend the full browser window width?

rod barbee · 2016-07-21 01:46:15

Then try creating a page template with Negative Space disabled. This should allow the nav menu container to span the width of the page. Then try this css:

nav {
	border-top: 1px solid red;
	border-bottom: 1px solid red;
}

Ken · 2016-07-21 02:23:09

as usual, you are great help,

This does what I wanted, thanks

Community @ The Turning Gate

#1 2016-07-20 22:23:00

How to place horizontal rule above/below navigation header

#2 2016-07-20 22:27:31

Re: How to place horizontal rule above/below navigation header

#3 2016-07-20 22:30:20

Re: How to place horizontal rule above/below navigation header

#4 2016-07-20 22:37:16

Re: How to place horizontal rule above/below navigation header

#5 2016-07-21 01:26:27

Re: How to place horizontal rule above/below navigation header

#6 2016-07-21 01:46:15

Re: How to place horizontal rule above/below navigation header

#7 2016-07-21 02:23:09

Re: How to place horizontal rule above/below navigation header

Board footer