Adding a bar to the site title to make it look like the menu

[prazzo101]

Hello,

I’ve added a site title and a tagline to my website and set the position of my main menu to the bottom center. Now I am trying to add a bar to the site title to make it look exactly the same as the menu bar (60 px height, 1 px border, 90% opacity). I’ve read in a similar post that this is all possible with custom css, but I am not really good at this so I was wondering if you could tell me what code I have to add to my custom css?

Thanks a lot!

[arminunruh]

hey can you show a bar by doing this?

"Customize" -> "Menu Style" -> "Menu Bar"

[prazzo101]

Hi Armin, thanks for the quick reply!

Yes, I’ve customized the menu bar of my primary menu which is located at the bottom of my site that way, but now I want to add a bar to my site title to make it look like as if it were a second menu.

Would it be a better idea to add a second menu instead of a site title? Can I customize a menu bar for more than one menu?

[arminunruh]

ah i think its only possible to have one menu bar

go to lay options -> custom css & html

custom html in footer:

<div class="my-navbar"></div>

custom css for desktop:

.my-navbar{
position: fixed;
z-index: 2;
background-color: blue;
top: 0;
left: 0;
width: 100%;
}

maybe something like that
best to learn some css and html to do things like that, good luck!