Archived topic
Sticky header is partially covered on scrolling down
8 replies · Started by KAMADEVA AB on October 5, 2018
1.
Some upper parts of the sticky menu are covered by the browser when scrolling down. Tried out on new and older Android - same problem.
Site- fine:
https://ibb.co/dY7Pgz
Scrolling down - issue:
https://ibb.co/j6mjgz
Scrolling up - fine.
https://ibb.co/m2GT8e
2. Also I minor issue on some phones, when sticky mobile menu icon, would need a padding to the right. Is that possible with CSS?
Strange - what happens if you replace the default Footer Widget messages with your own text widgets?
The footer widget content has no impact at all. Same problem.
Solved, although I'm not sure really why.
I had a feeling it has to do with the hight of the sticky menu so I thought I will try to change some settings, especially one:
Layout -> Primary Navigation -> Menu Item High for mobile setting. Changed it from 51px up and at 55px the menu is fine and both scrolling up and down.
That's very strange. Glad you found a solution :)
Sorry, I thought there was a sloution, but it was probabaly cache … the problem stil persist, and I cant find the reason for it. The "menu item height" don't matter … :(
Try adding this CSS:
.mobile-header-navigation {
padding: 0;
}That did the trick. Thank you!
You're welcome :)
