Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 7, 2014 at 6:31 pm #276090
    odmv

    Hi again!

    Few weeks ago I asked for a solution because the webpage gives an error in the parallax setting (Firefox for tablets) and in the header (Asus Browser). I took a print screen of each error.

    Firefox Error

    Asus Browser

    Thank you in advance!

    June 8, 2014 at 2:17 pm #276197
    Ismael

    Hey odmv91!

    Thank you for visiting the support forum!

    Looks like the section on top of the color section with the parallax effect got no background. Not sure if this is going to work but please do try it on Quick CSS or custom.css:

    .avia-android .av-parallax {
z-index: 0;
background-size: 100% 100%;
}

.main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover {
background: #f8f8f8;
}

    Cheers!
    Ismael

    June 8, 2014 at 5:43 pm #276252
    odmv

    Thank you for the quick response!

    The error persists, in the case of firefox I have all the pages with parallax in the same situation. In the default browser of the tablet, the header goes crazy going up and down the screen.

    The last time I asked Devin, from your team, told me the effect is disabled in tablets because of the wrong rendering in some mobile browsers, but he didn’t told me why in this case was the effect still active.

    For the other error, I recorded a video, sorry it was from a camera, but I don’t have my tablet rooted at the time:
    “Header error”

    June 9, 2014 at 4:17 am #276335
    Ismael

    Hi!

    Thank you for using the update.

    We’re still not sure why the effect is ruined on the stock browser for mobile device but since Kriesi said that it is disabled, I won’t argue with it. Try this on Quick CSS to disable the sticky header for firefox android device:

    .html_header_top.html_header_sticky.html_bottom_nav_header.avia-mozilla.avia-android #main {
    padding-top: 0;
}

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

    Cheers!
    Ismael

    June 9, 2014 at 5:54 am #276344
    odmv

    Hi!

    Still getting the error in both browsers. I think the code you gave me is for disabling the header movement, but that didn’t help for the parallax error, I still get it, any other suggestion?

    For the default browser of the tablet (which it’s only named “Browser”) with the header error, any suggestion so the header keeps in its position without the dynamic movement? (like the code you gave for firefox)

    The funny thing with both browsers is that if I select the option “Force desktop view”, both problems are solved, no parallax neither the header problem are presented, but the thing with this solution is that not all of our visitors (and the pending potential ones) know this.

    Thanks again!

    June 10, 2014 at 6:05 pm #277052
    Devin

    Hi!

    What is the url for the site?

    Cheers!
    Devin

    June 10, 2014 at 7:59 pm #277124
    odmv

    Hi!

    Is “domain”

    • This reply was modified 6 years, 5 months ago by Yigit.
    June 13, 2014 at 5:29 pm #278635
    Devin

    Hi @odmv91,

    I know this is probably not the response you would like but Firefox for tablets/mobile is not support by the theme unfortunately. Kriesi checked the metrics on its usage and decided because of how poor the browser is on Android and its extremely low usage he would not be adding in any support for it at this time.

    Regards,
    Devin

    June 13, 2014 at 6:55 pm #278682
    odmv

    Hi!

    I understand, hope in the future Firefox improve it, but in the one I would like to have an update is for the default browser, that the header goes crazy, is there any way to fix this one?

    June 14, 2014 at 4:56 am #278801
    Ismael

    Hey!

    Thank you for the update

    Do you mind providing a short clip for the parallax error like you did on the header issue? Maybe, we can get a workaround once we see the actual issue.

    Best regards,
    Ismael

    June 14, 2014 at 10:42 pm #278990
    odmv

    Hi!

    Of course, some comments above I put a link to the video (I recorded it from my camera because I don’t have my tablet rooted). But you can see how the header keeps moving without staying in a fix position or doing the “normal” transition movement.

    Was in the comment #276252

    Thanks!

    June 16, 2014 at 4:28 am #279214
    Ismael

    Hi!

    Thank you for the info.

    Yes, we know about the header error but what about the parallax. Please use this to disable it for the stock browser. 

    .html_header_top.html_header_sticky.html_bottom_nav_header.avia-android #main {
    padding-top: 0;
}

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

    Cheers!
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.