Home Forums WoodMart support forum Disable sticky header on mobile view Reply To: Disable sticky header on mobile view

#204304

BozhidarMT
Participant

Hello,

Maybe there is a miss-understanding. When I do the following configuration, my categories(in Header bottom) do not hide when I scroll:
1. Main header – not sticky
2. Header bottom – not sticky

Using that configuration, Categories menu that is a part of the “Header bottom” doesn’t hide when I scroll down.

When I do the following configuration, “Header bottom” categories hides when I scroll down:
1. Main header – sticky and paste the source code that you shared for making “Main header” not sticky in desktop:

.whb-header.whb-sticked{
  opacity: 0;
  visibility: hidden;
}

2. Header bottom – not sticky

In both configurations my “Header bottom” is not sticky but when I use the css you shared, this “Header bottom” behaves differently.

I believe this is a matter of css to have a result the same as when I switch off the sticky Main header but only for desktop using the source code that you shared.

Regards