Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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.

    #185751
    This reply has been marked as private.
    #186066

    any help?

    #186241

    update – this is Very important for our project. Please, help.

    #186246

    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

    #186273

    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

    #186284

    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.

    #186285

    Hi!

    What is the screen resolution of Samsung XE700T1C-A01?

    Cheers!
    Josue

    #186288

    It’s 1920 x 1080

    #186299

    any news?

    #187057

    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

    #189660

    Fixed. Thanks!

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Responsive header on Win8 Tablet, Chrome’ is closed to new replies.