Center top horizontal menu

[Pelleque]

Hello, first of all, sorry for my bad English, I have a small mismatch that I do not know how I can change it, I can not find the part of the code where to do it.

I would like the categories to be aligned vertically, that is, in the center. I would also like to reduce that white stripe a bit.

Thank you, I wait your answer.

 

[BrainSuperGlue]

 

[Pelleque]

8 hours ago, BrainSuperGlue said:

 

But this is for align horizontally, I want to align vertically

[direwald]

Could you post the site address? Can't give you very precise info without seeing the code. If the div containing the navigation bar is streched vertically as much as the logo, you should be able to vertically center it with CSS vertical-align: middle

[Pelleque]

1 minute ago, direwald said:

Could you post the site address? Can't give you very precise info without seeing the code. If the div containing the navigation bar is streched vertically as much as the logo, you should be able to vertically center it with CSS vertical-align: middle

There is: http://s773038918.mialojamiento.es/

I was searching the exact element to vertical align, but I can't find it.

[direwald]

 

If you give your "row" class that includes your header elements the attributes

display: flex;
align-items: center;

It's gonna vertically center all the elements within. I'd then play with the margins on the rest of those elements to make them properly centered, though there might be a better way of doing that.

 

[Pelleque]

On 3/9/2019 at 11:18 AM, direwald said:

 

If you give your "row" class that includes your header elements the attributes

display: flex;
align-items: center;

It's gonna vertically center all the elements within. I'd then play with the margins on the rest of those elements to make them properly centered, though there might be a better way of doing that.

 

Nono, I have this:

 

And I want this (paint edited):

 

[direwald]

If you do the changes I wrote, it will do what you ask for, or it'll at least get you closer. It will make the menu and the search bar divs vertically centered within the row. You can then work with those divs themselves to get them where you want to.

[Zeryk]

On 3/11/2019 at 7:26 PM, direwald said:

If you do the changes I wrote, it will do what you ask for, or it'll at least get you closer. It will make the menu and the search bar divs vertically centered within the row. You can then work with those divs themselves to get them where you want to.

right. I suppose I missed the part "vertically centered" in topic name ;-(  I'm looking for horizontally centered , and non of the solution I've found so far doesn't work ;-(

[Zeryk]

Yes, I would like to achieve similar effect as Pelleque posted on last picture. Or at least full menu bar with text in the middle . Logo above that , also in the middle. No search bar required.

Edited September 12, 2019 by Zeryk (see edit history)