Menu header

Resolved scullyhands
(@scullyhands)

7 years, 1 month ago

Hi guys,

Please help me this.

I want to add a new page to the top menu header, but the problem is if I add the Interview page, the header will become like this.

I want the “Interview” page tab to appear next to the Mục Lục page tab. In other words, all pages on the menu header are in the only line, not in two lines.

Please show me how to do this. Thanks.

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Anonymous User 16453565
(@anonymized-16453565)

7 years, 1 month ago
Hey, @scullyhands

To do that, go to Appearance → Customize → Additional CSS and enter the following code:
```
.site-bar .nav {
  width: 100%;
}
```
Let me know if that does it.
Thank you.
Thread Starter scullyhands
(@scullyhands)

7 years, 1 month ago

Hi there,

Thank you for supporting me. It works, but another problem is triggered.
There is too much space between the menu header and the search bar. Take a look at this.

Please help me.

Thanks.
Fotis
(@markwaregr)

7 years, 1 month ago
Hi there,
@scullyhands
Can you add this
```
header .site-bar .nav {
    top: 6px;
    position: relative;
}
```
in your custom CSS box Let me know if this works?
Thread Starter scullyhands
(@scullyhands)

7 years, 1 month ago

Hi Fotis,

Thank you for your support, but it doesn’t work, unfortunately.

Please take a look at this.

You see, the Search bar now disappears, too.

Please help me. Thanks so much.
Fotis
(@markwaregr)

7 years, 1 month ago
Hi,
I thought you removed the search bar! Try this
```
header .site-bar .nav {
   
    top: 6px;
    position: relative;
}.page-template-template-fullwidth .site-tools .searchform{
 display:block;   
}
```
to bring it back and align it to the menu
Thread Starter scullyhands
(@scullyhands)

7 years, 1 month ago

Thanks. It doesn’t work the way I want, but I decided not to add a category to the header anymore.

Thanks for your help.

Fotis
(@markwaregr)

7 years, 1 month ago

@scullyhands Let me know if I can help in any way.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Menu header’ is closed to new replies.

Tags