Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • May 27, 2014 at 5:05 pm #270613
    anna-leo

    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 10 years, 7 months ago by anna-leo.
    May 28, 2014 at 12:21 am #270913
    Ismael

    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

    May 28, 2014 at 9:19 am #271021
    anna-leo

    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 10 years, 7 months ago by anna-leo.
    May 30, 2014 at 5:14 pm #272482
    Devin

    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

    June 3, 2014 at 3:16 pm #273914
    anna-leo

    Hi,

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

    June 3, 2014 at 4:15 pm #273956
    anna-leo

    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 10 years, 6 months ago by anna-leo.
    June 3, 2014 at 6:38 pm #274046
    Devin

    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.

    June 4, 2014 at 9:49 am #274424
    anna-leo

    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.

    June 7, 2014 at 10:05 am #276033
    Ismael

    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

    June 18, 2014 at 3:14 pm #280593
    anna-leo
    This reply has been marked as private.
    June 19, 2014 at 4:20 am #280944
    Ismael

    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

    June 19, 2014 at 4:23 am #280946
    Devin

    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:

    June 19, 2014 at 8:22 am #281033
    anna-leo

    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 10 years, 6 months ago by anna-leo.
    June 20, 2014 at 5:46 pm #281698
    Devin

    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.

    June 23, 2014 at 9:19 pm #282685
    mercator62

    Hello,

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

    Regards
    K.R.

    June 24, 2014 at 8:47 am #282866
    Ismael

    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

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