Wrong shrinking header behaviour for sticky headers on tablet - Support

Tagged: enfold, header, logo, Shrinking, sticky

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
August 31, 2014 at 1:31 pm #311509
s_sscher
Participant
Hey everybody,

Enfold is really awesome, but I have a problem with the header behaviour at tablet size.

My settings in the Enfold Theme Options > Header Layout are:
- – Logo left, Menu right
- – Header Size is slim
My settings in the Enfold Theme Options > Header Behaviour are:
- – Sticky Header is checked
- – Shrinking Header is checked
Below the second item is following description:
“If checked the sticky header will shrink once the user scrolls down (ignored on smartphones + tablets)”

So the shrinking behaviour should be ignored on tablets. Unfortunatly this is not working as I expected, because there is no margin around the advanced_menu_toggle. IMHO this looks a bit strange. I think the shrinking should be ignored like it is told in the description of this setting.

Do you have a quick fix for this issue? Or is this behaviour like it should be?

Thank you a lot for your help,
Steffen
September 1, 2014 at 5:15 am #311658

Ismael
Moderator

Hi s_sscher!

Thank you for using Enfold.

I’m sorry but I don’t see the issue with the header. When viewed on portrait size, the shrinking header is disabled as expected. What do you mean by “no margin around the advanced_menu_toggle.”? A screenshot will help.

Best regards,
Ismael

September 1, 2014 at 5:17 am #311659
Ismael
Moderator
Hi!

Alright. I can see what you’re seeing now. Please try to add this on Quick CSS or custom.css:
```
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive #top #header {
position: relative;
}
}
```
Best regards,
Ismael
September 10, 2014 at 4:06 pm #316692

s_sscher
Participant

Thank you Ismael!!!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Wrong shrinking header behaviour for sticky headers on tablet’ is closed to new replies.