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

---

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!

hey can you show a bar by doing this?

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

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?

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!