sticky mobile menu

[pureday]

Hi,
can you provide some css to get the mobile menu also sticky.

Thank you!
Tom

[Radu]

Hello,

Try with this css

COPY CODE

.kleo-main-header.header-normal{
position:fixed !important;

}

You can add this snippet in Theme Options -> General Settings -> Quick CSS or in kleo-child/style.css

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[pureday]

Hi Radu,

this works fine, but if I use the top-bar there is a gap after scrolling.
Can I also fix the position of the top-bar or let the menu bar jump to the top after scrolling (like for the larger screen views).
I tried to find the css for that, but couldn´t find it (I´m not a specialist – sorry).

Kind regards,
Tom

[Radu]

Hello,

Please provide me the url to provide you the correct css.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[pureday]

This reply has been set as private.

[Radu]

Done,

I used this css code

COPY CODE

.kleo-main-header.header-normal {position:fixed !important;top:0 !important}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[pureday]

Ok, thank´s a lot!

Regards
Thomas

[kent]

How do i make the mobile menulinje thin/small like the main site… And the cart on line with the logo?

[Radu]

@Kent Can you please provide me a screenshot in that you pointing` out the elements that you want to modify ?

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kent]

This reply has been set as private.

[Radu]

Hi,

Try to remove padding top from first row and let me know.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kent]

Where do I set the padding? In settings or in a css file?

Kent

[Radu]

Hi,

The padding can be adjust by going in that page -> edit page -> in first row settings

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[lordival]

hi, this is still not working for me. i use the top bar and whenever i scroll down there is still a big gap between the header and the top of the screen. besides header background is turning black from white.

[Radu]

Hi @lordival

Please open a new ticket describing completely your problem including screenshots to understand correctly what’s your problem

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[lordival]

thanks Radu, i will do it now.

[Radu]

Ok let me know

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts