Adjusting menut-items horizontal with logo

amtenbrink · April 2020

Hi,

i have a recurring problem with the menu when i use sticky menu too.

the logo is positioned on the left side of the menu area and is a combination of graphic and typography.

the words in the logo are setting a visual baseline.

it would be nice, if the menu items are sitting on the same baseline with the logo (with the words/typography of the logo).

I found out how to adjust the hight of the menu items for the regular view.

but if i scroll down the page, the adjusted menu items are in complete wrong position.

You can see on this page: https://haus-und-kinderarzt.de/kinderheilkunde/

Could you give me some advice how to handle this?

Or could you tell me, how to adress the menu items in sticky menu?

Thank you.

amtenbrink.design

Pablo · April 2020

Hello,

They are pushed down because of your custom css code, remove it and it will work fine.

Also, after removing whole of your CSS page behave correctly.

Thanks

amtenbrink · April 2020

Hi,

yes, of course it is because of my css code.

I want my code to push it down in the regular page view (because of the horizontal orientation of menu items and logo – as i did explain in my first message).

But i do not want to push it down when i scroll down the page and see the sticky header.

how can i adress the menu items for sticky header?

Thanks

Pablo · April 2020

If you want to change it for sticky menu, just use the class #Top_bar.is-sticky, if you want to make it not for sticky, then use #Top_bar:not(.is-sticky)

Thanks

amtenbrink · April 2020

Yeah, perfect!!!

Thank you very much :-)

Adjusting menut-items horizontal with logo

Comments

This website uses cookies