How can I change the height of the menu for the sticky mode for normal and mobile mode?

janschalken · January 2017

The height of the menu changes in the sticky mode, is there a way that I change the height of the menu in sticky mode, also for tablet en mobile mode?

janschalken · January 2017

janschalken · January 2017

Albert · January 2017

Hi,

to change sticky header height, use custom css:

#Top_bar.is-sticky { height: 100px !important; }

janschalken · January 2017

Can I also change the vertical alignment of the logo? I would like the same header as the starting header shown in the first picture

Albert · January 2017

To align logo vertically, please use:

.header-split #Header .top_bar_left .logo { margin-top: 5px !important; }

janschalken · January 2017

I've used the above code, even with 30px nothing seems to change?

Regards Jan

Albert · January 2017

Please send us link to page where you used above code then.

janschalken · January 2017

http://lunch-bagatelle.nl/test6/

Albert · January 2017

As we can see, you have tons of custom css and also some bugs and that's why the css we gave you above does not work. Please move it on the 1st position of custom css and you will see the difference.

janschalken · January 2017

Hmm okay that's strange because the only 2 lines of custom css I'v added are the ones that you guys have given me in this post...

I've used your barber theme to experiment for this site?

Which bugs are you seeing?

Regards

Jan

Albert · January 2017

https://snag.gy/uPw9fM.jpg - don't you really see the difference between the css we gave you abonve and the one you used?

janschalken · January 2017

I see the difference :-B

I didn't use: .header-split #Header .top_bar_left .logo { margin-top: 5px !important; }

What I really would like to see is that the split menu is in a fixed position when it goes in sticky mode.

Just like when using the fixed menu, but with the logo in the center.

Albert · January 2017

This is not the only difference. The css we marked on the screenshot is different from what we left above. If you will have a look once again, you will see what we mean. Please also notice that the css we gave you above, is the only workaround but there is no way to make split header type fixed position unfortunately.

janschalken · January 2017

I see the difference now also..... My bad

>-

Thank you very much for the fast reply en good answers.

Albert · January 2017

You're welcome!

How can I change the height of the menu for the sticky mode for normal and mobile mode?

Comments