Tagged: header, resizing, responsive
-
AuthorPosts
-
November 7, 2013 at 7:00 pm #185749
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.
November 7, 2013 at 7:01 pm #185751This reply has been marked as private.November 8, 2013 at 10:49 am #186066any help?
November 8, 2013 at 5:45 pm #186241update – this is Very important for our project. Please, help.
November 8, 2013 at 5:49 pm #186246Hi!
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!
YigitNovember 8, 2013 at 7:31 pm #186273Hey!
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,
JosueNovember 8, 2013 at 8:09 pm #186284I’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.
November 8, 2013 at 8:11 pm #186285Hi!
What is the screen resolution of Samsung XE700T1C-A01?
Cheers!
JosueNovember 8, 2013 at 8:22 pm #186288It’s 1920 x 1080
November 8, 2013 at 9:23 pm #186299any news?
November 12, 2013 at 1:55 am #187057Hi!
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!
YigitNovember 16, 2013 at 8:01 pm #189660Fixed. Thanks!
-
AuthorPosts
- The topic ‘Responsive header on Win8 Tablet, Chrome’ is closed to new replies.
