Okay
  Public Ticket #1240356
A Bug When Scrolling Up / Down The Screen
Closed

Comments

  • Andre Wicaksono started the conversation

    Hi, finally I bought your amazing theme. But I found a little problem. It looks like I found a 'bug' in The Fox theme. On the 'homepage', when I scroll down to the bottom, or when I get arrived at the bottom of the web and I scroll up, my screen bounces up / down. This is very annoying when we are reading the article. This happens when we're opening the web using a smart phone device. Using Desktop PC will also be like this, when scroll down / up slowly using the mouse device scroll.

    Sometimes, the text paragraph on the single post was bounces up / down (moves withself) too.

    I've also included screen recordings with my smartphone that I uploaded to YouTube. The video duration are 50 seconds. I hope this bug can be fixed soon.

    Thank you.

    Video :

     

  •  163
    John replied

    Hi Andre,

    Hope you did the plugin check for this issue i.e. disabled all plugins and see if you are still experiencing the issue. If not please do and let us know.

    If this does not expose the issue then respond with a link to your site and also temporary admin access - a username password with admin privileges - and we will take a better look from the backend.

    Thanks.

  • Andre Wicaksono replied

    Hi John,

    I had tried disabled all of my plugins, and this issue still happened.
    And I have check some websites that uses The Fox Magazine Theme, and all of that website have the same issue with my website, even http://withemes.com/fox/ too.

    This issue appear and can be seen easyly if we're using smart phone device to surf the website.

    First, open the website with smart phone and scroll down to the bottom of website (footer/end of the website). And then scroll up slowly, the screen will bounces up. After that you can scroll down slowly again, and scroll up slowly again, and scroll down slowly again to the bottom, and scroll up slowly again. This makes we annoyed while read the article list with scroll down/up.

    Second, still using smart phone device. On a single post, this issue was happened too when we're read the article with scroll down to the end (footer). This not so fatal, but sometimes the text(the words) will moves itself.

    I had tried too with rotating my device, the result was same. This issue still happened.

    I hope this issue could be fixed soon.

    If you need a temporary account to access my Administrator Panel, I will give you on the next post, after this post.

    Thank you.

  •   Andre Wicaksono replied privately
  • Andre Wicaksono replied

    Hi John,

    How is it going on?
    Have you checked this issue? I've been waiting for 3 days.

    Maybe what I experienced, there are similarities with:
    - http://www.kriesi.at/support/topic/mobile-version-jumps-as-you-scroll-down/
    - https://stackoverflow.com/questions/24944925/background-image-jumps-when-address-bar-hides-ios-android-mobile-chrome
    - http://aspiringwebdev.com/stop-your-web-pages-from-jumping-around-while-images-load/
    - https://athemes.com/forums/topic/mobile-page-is-skipping-or-jumping-when-scrolling-down/
    - https://en.forums.wordpress.com/topic/fictive-theme-jumps-to-the-top-on-any-device-when-sized

    And there are probably many other examples.

    This issue I experienced when using android mobile device (in this case: Samsung Galaxy E5) with Google Chrome as a browser.

  •  53
    Cuong replied

    Hi Andre Wicaksono,

    Apologize for the delay on your response due to weekend. My name's Cuong, I'm the main developer for The Fox.

    I'm testing on your site and some Android devices. Sure I'll give you an answer in soonest time possible.

    Thank you for your patience.

    Cuong Tran

    Wordpress lover. My Profile

  • Andre Wicaksono replied

    Hi Cuong,

    How is it going?
    Is there any updates to fix this issue?

    Regards,
    Andre Wicaksono

  •  53
    Cuong replied

    Hi Wicaksono,

    I apologize for this delay. After working with code, we found the cause of this issue. It's because of masonry. We'll fix this shortly. You'll get an update this week.

    Cheers,

    Cuong Tran

    Wordpress lover. My Profile

  • Andre Wicaksono replied

    Hi Cuong,

    Thank you for your response.

    I informed that in the Customizer > Blog section, when I disable the post share icons, the comment link is also inactive like post share icons.

    Hope you may also fix this before releasing the newest update.

    Secondly, I see the # wi-wrapper on my site is not as big as it belongs to http://fox.withemes.com/

    I see the width is different. How to set this up?
    I've tried changing the 'Content Width' in the 'Theme Style' section but nothing changes.

    And also, is it possible to make # wi-wrapper being full width?
    Thank you.

    Regards,
    Andre Wicaksono.

  •  53
    Cuong replied

    Hi Wicaksono,

    I truly apologize for this lead-to-misunderstanding issue. When you enter 1080 for instance, it doesn't change. But when you close the Customizer, it does. Ok, I'll fix this dumb issue of the Customizer.

    I've turned your site into 1080px, same as our demo.

    Secondly, I've fixed the scroll issue on our main demo. Could you please help me to confirm it's been disappeared?

    Thank you,

    Cuong Tran

    Wordpress lover. My Profile

  • Andre Wicaksono replied

    Thank you Cuong for your best response and for your help.

    For the scroll issue, I confirm you that the bug still appear with 4 kind of layouts: Pinterest Style, Pinterest & Sidebar, Density News, and Newspaper Style. For another layout are running good.

    For the 4 kind of layouts, the issue still appear when I scroll slowly until the vertical scroll bar position approximately at the center. The screen still bounces up / down.

    Thank you,

    Andre Wicaksono.

  • Old_Goat replied

    I apologize for posting here. But I have a quick question for which this ticket serves as an example. I am considering purchasing your newest theme, Radians. Support availability is important to me. But looking at this ticket, which was started over a month ago, I have to wonder what type of support is actually available. It seems that there is no dedicated support staff. I may be wrong, but understand my concern that if I purchase one of your themes, will I really get support, or should I expect to experience long delays? 

  •  53
    Cuong replied

    Hi Andre,

    Thank you for your contribution. We've just updated it one more time. Do you see the scrolling issue now?

    Wordpress lover. My Profile

  •  53
    Cuong replied

    Hi Old_Goat,

    Thank you for asking. This is Andre's ticket so I only reply you once. If you wanna continue the conversation, you can drop me a message via my profile contact form.

    Fox is an old theme and we have developed it for years. It's not perfect but it has less issues/bugs than the new ones, so I left the support for John, one of our support assistants. I take care of support for new themes like Radians, Dine and Hellen.

    For serious issues or things exceed John's ability, he passed for me.

    If you're running into a simple issue such as plugin conflict, import demo or you just wanna remove/add some simple elements, we can assist you within a day or even few hours/minutes/.. We also seriously take care of issues if it's a security issue.

    For issues concerning mobile/android/iOs and less critical like this, we need time to learn about it and it has lower priority than others. Also, it's more difficult than other types of issue.

    Looking at almost tickets, you'll see they're resolved shortly.

    We tried to make a good theme at the beginning so this is the best we can do with support and the price of a theme.

    Kind Regards,

    Cuong Tran

    Wordpress lover. My Profile

  • Andre Wicaksono replied

    Hi Cuong,

    Now the 'scrolling issue' has been disappeared. The bug has been fixed well and The Fox Theme goes better now.
    I have tried running all the pages and all types of layouts at http://fox.withemes.com/
    Looks much perfect now.

    Will this fixes works with all mobile devices?

    Secondly, if I want to change the size of 'Drop Cap' / Big First Letter, what CSS class do I need to edit?

    And, can I disable 'Drop Cap' / Big First Letter on a single page?

    Thank you Cuong for your best support.

    Kind regards,
    Andre Wicaksono.

  • Andre Wicaksono replied

    @ Old_Goat :

    Hi Old_Goat,

    As Mr. Cuong said, this issue is a bit critical. When Mr. Cuong was late responing this ticket, he was working on this issue. And as can be seen at the first time this ticket was made, a staff member who first responded was John.

    So far, I am satisfied with WiThemes product and so does its support.

  •  53
    Cuong replied

    Hi Andre,

    1/ The issue only happens in Android devices. There's no problem in other devices.

    2/ If you wanna disable dropcaps for single posts but keep them in the blog, let disable dropcap from Customizer, then insert this code into Customize > Custom CSS:

    .blog.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .entry-content h1:first-child+p:first-letter,
    .blog .enable-dropcap:not(.woocommerce):not(.woocommerce-page) .entry-content h2:first-child+p:first-letter,
     .blog.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .entry-content h3:first-child+p:first-letter,
     .blog.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .entry-content h4:first-child+p:first-letter,
     .blog.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .entry-content p:first-child:first-letter {
        font-weight: bold;
        font-size: 5em;
        display: block;
        float: left;
        margin: 5px 18px 10px 0;
        line-height: 1;
    }

    You can replace 5em by a smaller number you want (3.2em for instance)

    Hope this helps,

    Cuong Tran

    Wordpress lover. My Profile

  • Andre Wicaksono replied

    Hi Cuong,

    Actually I meant, I want to disable Drop Cap only for the 'page type', like: about page or contact page. I still haven't got it with these code.

    But these code has worked for customize Drop Cap style.

  •  53
    Cuong replied

    This is easy. Let insert this code to Customize > Custom CSS

    .page p:first-letter {
        font-weight: inherit !important;
        font-size: 1em  !important;
        display: inline !important;
        float: none !important;
        margin: 0 !important;
        line-height: inherit !important; }

    Hope this helps,

    Cuong Tran

    Wordpress lover. My Profile

  • Andre Wicaksono replied

    Hi Cuong,

    Thanks for your helps. The code was pretty simple and running well.
    I'll be waiting for The Fox update.

    Thank you very much Cuong for your hard work fixing this issue.
    Good luck for the Radians theme and your future projects.

    Kind Regards,
    Andre Wicaksono.

  •   Cuong replied privately
  •   Andre Wicaksono replied privately
  • thomas replied

    hello cuong,

    i just followed this issue and can see it on my android devices too.

    how can i get a fix? i cannot see any theme update on themeforest by now (i am using 2.7.1).

    also it would be nice to include a little translation bug in this update and replace line 175 in fox\inc\post-views\bawpv.php with this one below:

    <?php if ($instance['show']) echo '<span class="view-count"-->' . $count.' '; ?><?php _e('views','wi').'</span-->';?>

    add that to the xx_XX.pot language file, so that we are able to at least translate it with loco plugin.

    best would be make it editable with the customizer of course (if you willing to do that also include the "more" button for the "most viewed post" widget and the "menu" from the responsive menu).

    thanks and best regards

    thomas

  •   Cuong replied privately
  •  53
    Cuong replied

    Hi Thomas,

    Thank you for your contributions. Yes, we'll add more translatable strings into pot file in the next update.

    Could you please wait for a while when we combine all features needed in the next update? The next one is coming soon.

    Thank you,

    Cuong Tran

    Wordpress lover. My Profile

  • thomas replied

    hi cuong,

    thanks for all this information, john send me a zip file with the fixed theme.

    can you tell me which file exactly is responsible for the fix? so i can replace it simply via sftp.

    i will update the whole theme later when there is a new release ...

  •   Andre Wicaksono replied privately
  •  53
    Cuong replied

    Hi Thomas,

    You can drop me an email via my profile contact form. I'll send you The Fox with scrolling issue fixed. Once I updated the theme later, you can download it from ThemeForest.

    Regards,

    Cuong Tran

    Wordpress lover. My Profile

  •   Cuong replied privately
  •   Andre Wicaksono replied privately
  •  163
    John replied

    Hi Andre,

    Apologies for the late reply.

    We have informed Cuong on this and they will be looking into it.
    Thanks.