Trans Menu bar at top...

Hi there,

If you are not using a page builder, try this:
https://docs.generatepress.com/article/merging-the-page-header-site-header/

If you are using a page builder, try this:
https://docs.generatepress.com/article/merging-header-navigation-content/

The site you linked is also using this box shadow:

@media (min-width:769px) {
    .inside-header {
        box-shadow: 0 10px 10px -9px #000000;
        -moz-box-shadow: 0 10px 10px -9px #000000;
        -webkit-box-shadow: 0 10px 10px -9px #000000;
        left: 0;
        top: 0;
        right: 0;
    }
}

Here is my website:

http://service.theviralsimulation.com/

Do I put that code in the css box?

I would like it to have that line under the bar with the logo and menu.

Not totally clear.

Thanks

This should help: https://docs.generatepress.com/article/adding-css/

Adjusted the code above as well.

I added the code to my simple css. But I don't see any changes.

Do I need to edit something?

Thanks for helping me.

It's there. Just very light color. You can try the adjusted color above: https://generatepress.com/forums/topic/trans-menu-bar-at-top/#post-337500

I would also change the bottom header padding to 0:
https://docs.generatepress.com/article/header-padding/

Ok. Sorry about that.

Thanks, Leo so much for your help.

You and Tom are the best!!!

I will play with the numbers.

You're very welcome :) Glad we've been helpful!