Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #270613

    Hi,
    with the standard browser of my Tablet (Android 4.3) the sticky header (Theme Enfold) is scrolling down to the middle, sometimes to the bottom. Sometimes it is no more visible at all.
    This problem also exists at your demo page
    http://kriesi.at/themes/enfold/

    Is there a solution?

    With Firefox and Chrome there is no problem.

    • This topic was modified 9 years, 10 months ago by anna-leo.
    #270913

    Hey anna-leo!

    Thank you for using the theme.

    Can you please post a screenshot? What is the exact model of your Andoid tablet and the screen resolution? I’ll ask Josue if he can check it on his Android phone. Please try this on Quick CSS or custom.css:

    .html_header_top.html_header_sticky.avia-android #header {
    position: relative;
    }

    Regards,
    Ismael

    #271021

    Hi Ismael,
    thank you for your quick answer.

    The quick CSS is not working. Then my transparent header on the homepage is no more transparent. and also the header is no more sticky.
    – also with Chrome.

    Screenshot

    My tablet is an Asus Memo Pad FDH 10, Resolution 1920×1200, Android 4.3.

    Regards

    • This reply was modified 9 years, 10 months ago by anna-leo.
    #272482

    Hey!

    What browser are you checking with on your tablet? I don’t get any issues with the header on any of my android devices but they are all running stock versions that only use Chrome.

    Best regards,
    Devin

    #273914

    Hi,

    its the standard browser of Asus or Android – I have found this:
    inside handy
    It’s a webkit-browser.
    Best Regards

    #273956

    Hi,
    now I wanted to check the problem with another Tablet:
    A Samsung Galaxy Tab 2 10.1
    Browser
    And there there the problem with the moving sticky header does not exist.

    But there is another problem.
    When scrolling down, the FONT of the sticky header gets nearly transparent, so you can’t read the menu points anymore.
    This problem also exists on kriesi.at and kriesi.at/themes/enfold

    How I can fix this? Perhaps it’s a problem with the Z-index

    And: I want to have a transparent Header at the Hompage.
    But I don’t need a transparent sticky header – weather the background nor the font.
    Thank you

    • This reply was modified 9 years, 10 months ago by anna-leo.
    #274046

    The standard browser for Android is Chrome even when it isn’t bundled with the device. Manufacturers will often bundle their own sub par browser but its almost impossible for anyone to build sites or even software to support the various incarnations that are out there.

    It isn’t ideal but please try the site by using Chrome, which you can download and install from the Google Play Store on both devices.

    #274424

    Hi,
    o.k. lets drop the issue with the asus browser.

    But the standard android browser is the most used in Germany.
    StatCounter Global stats

    For me it is no problem, I also have Chrome as browser. But perhaps it’s a problem for my customers.

    So my request is to get a solution of the problem with the transparent font of the sticky header.

    What can I do, to make the background and the font just of the sticky header non-transparent?
    Would you please help me.

    #276033

    Hi!

    Thank you for the update.

    I’m not sure if this is going to work but please try to add this on Quick CSS or custom.css:

    .html_header_top.html_header_sticky.avia-android #header, .header_color .header_bg {
    background: #ffffff;
    }

    Cheers!
    Ismael

    #280593
    This reply has been marked as private.
    #280944

    Hey!

    Thank you for the update.

    Can you please post the website url here again? I can’t see it on the posts when I reviewed the thread. The solution about decreasing the opacity tells us that on asus stock browser, the header_bg container covers the logo and the menu. Is that correct?

    Cheers!
    Ismael

    #280946

    I’m not even sure how we can test this if its not using Chrome. The bright side that this is more what I would expect which is actually representing tablets: http://gs.statcounter.com/#tablet-browser-DE-monthly-201306-201405

    As I mentioned before each company who produces an android device can bundle its own version of the included browser. Its why the newer versions of the devices all come with Chrome as it was creating so many problems.

    Otherwise we are just guessing on what the issue might possibly be. On a Galaxy Tab for instance I’m getting this:

    On a Motorola Xoom:

    On a Kindle Fire tablet:

    #281033

    Hi,

    ….”The solution about decreasing the opacity tells us that on asus stock browser, the header_bg container covers the logo and the menu”…

    This is correct. But: is NOT the asus stock browser (with asus there is another problem, but we can leave this)
    It is the stock browser of a Samsung Galaxy Tab 2.

    And the problem also exists with your websites kriesi.at/themes/enfold and also kriesi.at.
    It is interesting, that on kriesi.at the social icons at the top are correctly displayed.
    Logo and menu are hardly visable.

    “Ismael:
    ….. the header_bg container covers the logo and the menu. Is that correct? ”

    Yes, that is correct.

    I think, it’s a problem with the z-index, but i can’t find it out, where I have to change it.

    And the problem just exists with the sticky header, not with a scrollable header. Therefore, it think, it can’t be just a problem of the device.

    Best Regards

    • This reply was modified 9 years, 9 months ago by anna-leo.
    #281698

    I’ll try tagging the rest of the support crew as so far I’ve been unable to duplicate the same issue on my end.

    That first image above is with a galaxy tab but it doesn’t show any issue even with a sticky header.

    #282685

    Hello,

    have same problems here with Asus Memo FH D10 Android 4.3 and Standardbrowser.

    Regards
    K.R.

    #282866

    Hi!

    Regretfully, we don’t have all kinds of tablet models on hand. Like Devin said, manufacturers often bundle their own sub par browser with the device. You need to install major browsers like Chrome or Firefox. Please check the browser compatibility info of Enfold, , we can’t provide support for stock browsers.

    http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?WT.ac=search_item&WT.oss_phrase=enfold&WT.oss_rank=1&WT.z_author=Kriesi

    Best regards,
    Ismael

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Sticky Header on standard android 4.3. browser’ is closed to new replies.