Site logo

Archived topic

border width under main navigation

5 replies · Started by Jusung on September 3, 2022

Viewing posts 1–6 of 6

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 !

This archived topic is closed to new replies.