westcoastbicycle Posted February 2, 2015 Share Posted February 2, 2015 How can I make a line under the navigation bar on all my pages? Link to comment
alxfyv Posted February 2, 2015 Share Posted February 2, 2015 Do you want a line under each nav link in the bar or do you want a solid line under the entire bar? Also, please give the url to your site and identify the template. I'm a retired attorney who was asked by a friend to build a website. In a prior lifetime, in a galaxy far, far away and long, long ago, I was a computer systems analyst / programmer. I'm a novice autodidact in CSS, JavaScript and HTML learning in part by example.. I've asked questions on this forum and been lucky enough to have others help me, so I'm inclined to answer any question I can. Pay it forward. Link to comment
westcoastbicycle Posted February 2, 2015 Author Share Posted February 2, 2015 I'm using Montauk and looking to put a solid line under the whole navigation bar. Thank you! Link to comment
benjamin1570047927 Posted February 4, 2015 Share Posted February 4, 2015 This one adds a black border below your whole nav (border-bottom: width style colour) change these values if you require. .main-nav{border-bottom:2px solid rgb(0,0,0);padding-bottom:10px}; This removes the existing nav border (line through middle) .page-divider{border:none !important;}; Link to comment
westcoastbicycle Posted February 4, 2015 Author Share Posted February 4, 2015 Wow! Thank you again. You've really helped me out. All of your code works perfectly. Link to comment
mahayes Posted February 28, 2016 Share Posted February 28, 2016 Great code. Stupid question, How do I adjust the color and thickness to make the line thinner and a light gray color. Link to comment
mahayes Posted February 28, 2016 Share Posted February 28, 2016 I've figured out how to lower the line and thin it out. How do I change the color? Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.