Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #276090

    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!

    #276197

    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

    #276252

    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”

    #276335

    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

    #276344

    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!

    #277052

    Hi!

    What is the url for the site?

    Cheers!
    Devin

    #277124

    Hi!

    Is “domain”

    • This reply was modified 6 years ago by Yigit.
    #278635

    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

    #278682

    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?

    #278801

    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

    #278990

    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!

    #279214

    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

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