Horizontal menu bar without logo and text?

I Need Help
1

Can I get horizontal menu bar only? No logos, no slogan (company name). And align it to the center?

2

You can use the centered Navigation from the Navigation bloc and remove the Logo with cmd + Backspace

52
Screen Shot 2018-03-27 at 22.25.52.png2814Ă—656 32.8 KB

1 Like
3

I’ve deleted the logo, but here is an issue. Vertical text aligment is poor (( How can I align it centered vertically?

4

You have to play a little bit with the padding of the row where the navigation is placed in.

15
Screen Shot 2018-03-28 at 23.06.15.jpg3354Ă—1068 334 KB

1 Like
5

If I will increase padding attribute, that will increase the whole height of the menu ((( I don’t need it to be so tall ))) Which navbar class sets height control?

6

Uhh, :worried: Norm, I think you need to add one more bric to your Blocs default collection. Navbar without logo and logo text with vertical centered aligment. I’m trying to us this:

.navbar-brand,
.navbar-nav li a {
line-height: 30px;
height: 30px;
padding-top: 0;
}

but it doesn’t help ((

7

I would even go for a simple tick box option that removes the logo without damage to the formatting and spacing if that was possible. More often than not I find no logo is actually required.

2 Likes
8

or this way, you are right :wink:

9

Nobody knows???

10

I’m sure, Eldar knows the solution, but he will not help me and I know why )) He needs to sell his super video course about Blocs.

11

I found the solution about adjusting height of the navbar menu: create a class, name it as “navbar” and apply height atribute (60px for example).

.navbar {
height: 60px;
}

But I still can’t align menu items to the center ((( There are some tricks on the web about it, but nothing works in Blocs ((((

12

@blocs-user

WOW! That was very insulting, arrogant and rude. You clearly know nothing about me.

FYI, I have actually spent 10 minutes trying to solve your issue a couple of days ago, before @webplus posted the solution I was going to share.

In any case, I have spent another 20 minutes right now trying to find a solution, and I think I have actually found it.

Add a custom class .nav-center .site-navigation to custom class manager and don’t forget to leave the spaces intact. Then set the bottom margin to -15

I believe you will archive the desired outcome.

13

P.S. I hope you feel better. :slight_smile:

3 Likes
13

Eldar, sorry. I was wrong about you. :pensive: Thans for your help. Tried your advice. What will it change? navbar center position? Done everything you’ve written here, but nothing chanched ((

14

@blocs-user Is this what you are looking for?

2 Likes
15

Oh, now I see what’s wrong )) I just use another navigation bloc, that includes a logo and alignment of the navbar links to the right by default. I thought that if it’s already centered perfectly vertically, so all I need is to center navbar links, but I couldn’t find a solution for that.

Thanks for video and time you’ve spent for me. I think this trick will be useful for our community at all.

16

You are welcome! Always happy to help!

4 Likes
17

Hmm, it’s strange. Appying “navbar” custom class to navigation bloc with centered logo and text has no effect. Only if I set height more then 50px it has effect. I need 30px height of the navbar menu.

18

Still can’t reduce height of the structure brick with centered links :sob: Eldar, please. help.

19

Hey, I don’t understand what’s the problem. Is what I am showing in the video suits your needs? Or do you want to archive something different?

20

Video explains how to align navbar link buttons vertically, doesn’t it? It was usefull for me )) But I need a little more customization of the navbar, its height. By default as I understand horizontal navbar has 50px height. Am I right? I need the height about 35-40px. That’s all :wink: