Archived topic
border width under main navigation
5 replies · Started by Jusung on September 3, 2022
Hello. I have 2 issues.
1.
As you can see on my website, the border under main navigation is fully stretched.
I want to have the same length of border as the length of header(title, primary navigation, addtional right menu).
2.
I want the border under navigation menu to be white on the front page and on the other page, the border has to be black.
How can I make this? I make the border on additional CSS
Hi there,
change your CSS to this:
.home .main-navigation .inside-navigation {
border-bottom: 1px solid whitesmoke;
}
.main-navigation .inside-navigation {
border-bottom: 1px solid #000;
padding-top: 30px !important;
padding-bottom: 10px !important;
}
Thank you!
It works.
However, the problem is that
I gave padding-bottom to make space between the letter and the border.
Now, there is the letter and border are too close and no way to make a space between.
Could you help with this?
I updated the CSS above to fix that.
Thank you!! It has been resolved!
Glad to hear that !