[Resolved] border width under main navigation

[Jusung]

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

[David]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jusung]

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?

[David]

I updated the CSS above to fix that.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jusung]

Thank you!! It has been resolved!

[David]

Glad to hear that !

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts