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

janschalken

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

janschalken

Albert

Hi,

to change sticky header height, use custom css:

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

janschalken

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

To align logo vertically, please use:

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

janschalken

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

Regards Jan

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

janschalken

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

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

janschalken

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

janschalken

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

janschalken

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

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

Albert

You're welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next