Tagged: header, resizing, responsive
Hello!
I have following problem:
Fixed header is not resizing by height when scrolling main page down.
Params: Win8, Samsung tablet, Chrome browser.
Help, please.
Also, there are some bugs when scrolling up and down in Android tablet browser – header position is changing, if tapping on google-map while scrolling. Plus – there is no resizing for header by height when scrolling main page down, as for Win8, too.
any help?
update – this is Very important for our project. Please, help.
Hi!
Unfortunately i do not have a chance to check your website on any tablet. Josue does have an Android device. So i tagged him. Let us wait for him to check your website.
Cheers!
Yigit
Hey!
That is expected, the header won’t scroll (fixed) on mobile view. Also i tried to reproduce the issue with the google map, but didn’t note anything wrong.
Best regards,
Josue
I’ll explain:
1)When using Samsung XE700T1C-A01.(Win8, Chrome browser): fixed header IS scrolling – BUT it is not resizing by height when scrolling main page down. We need fixed header (which is really fixed and scrollable) to change its height. so – we need it to resize.
2)When using Asus tf201 pad 0215 (Android, default browser): if tapping and moving google-map, the header dissapeares, try it again, please.
Hi!
What is the screen resolution of Samsung XE700T1C-A01?
Cheers!
Josue
It’s 1920 x 1080
any news?
Hi!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab to make header fixed on mobile devices
@media only screen and (min-width: 768) and (max-width: 989px) {
.responsive #top #header { position: fixed; top: 0; }
.responsive #top #main { padding-top: 160px; } }
@media only screen and (max-width: 767px) {
.responsive #top #header { position: fixed; top: 0; }
.responsive #top #main { padding-top: 155px; } }
Cheers!
Yigit
Fixed. Thanks!