How to vertically center the nav bar for a bigger logo?

[Burak KAYMAKCI]

Well hello everyone,

 

I am using default PrestaShop theme and I am using a logo bigger than the size suggested in the admin panel.

Having that said, how do I vertically center the nav bar according to my logo?

I can just do it using padding-bottom and top but I don't know if that's the correct way of doing this.

 

Here is a screenshot of the header. What I want to do is that I want to vertically center the nav bar and the search bar according to my logo size.

 

Cheers!

Edited April 11, 2018 by Burak KAYMAKCI
SS added (see edit history)

[vekia]

hello
in this case the best will be a padding-top (or margin-top)

there is a chance that it will be necessary to build css media queries for better appearance of the menu on mobile devices

 

can you please share na url?

i will suggest the code to use

[Burak KAYMAKCI]

9 hours ago, vekia said:

hello
in this case the best will be a padding-top (or margin-top)

there is a chance that it will be necessary to build css media queries for better appearance of the menu on mobile devices

 

can you please share na url?

i will suggest the code to use

Well hello,

Actually I fixed the problem as you said. I added some css to the custom.css but I don't know whether it's the best practice or it may have any side effects though. Now everything seems to be working fine except that the logo is bigger so in the mobile version nav bar is a bit short. What can I do for that ?

Here is an SS from mobile version  :

I didn't really get what you meant with "na" URL but here is the URL 

Thank you for your response.