First, please note that you don’t need to post your CSS if you post a link to your site. It’s publicly available.
Secondly, it’s very hard for us to give help on purchased themes, because we can’t download them and examine the code.
However, if you post a link to your site, we can at least take a look at it to see if there’s an easy answer that we can suggest without looking at the theme’s code.
Cheers
PAE
Hi PAE,
Thanks for responding. Noted on above points for the future.
This is my site http://www.kpbyoge.com
Once again Thank You!
If you want the border to extend the full width of the page content, then add something like this to the end of the theme’s style.css file (accessible from Dashboard –> Appearance –> Editor:
#mainmenu {
border-bottom: /* whatever kind of border you want */
}
If you only want it to extend the width of the menu itself:
.menu-top-menu-container {
border-bottom: /* whatever kind of border you want */
}
Obviously it’s up to you to substitute your border specification in place of the comment “/* whatever kind of border you want */”.
For details on the border-bottom CSS property, see:
http://www.w3schools.com/cssref/pr_border-bottom.asp
HTH
PAE
This is working!! (=
Only problem is the length isn’t long enough should I add a line like this
border-bottom-length:15px
btw thanks for that site suggestion
If you want it to be wider, put it on the header instead:
#header {
border-bottom: /* whatever */
}
HTH
PAE