Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1415903
Snap on finger scroll to section on mobile
Closed

Comments

  • Maya started the conversation

    Hello,

    It looks like your theme doesn't have sections snap on scroll as it does on desktop. How can I get snap feature on mobile with what I currently have on my customized site?

  • Maya replied

    Hello?

  • [deleted] replied

    Hi, sorry, not quite sure what do you mean. Can you pls provide more details with screenshots?

  • Maya replied

    On mobile, I cannot figure out how to make the sections snap on finger scroll where I can see the full height of each section. 

  • [deleted] replied

    I see that you use cloudflare on your site. It generates wrong html code. Therefore necessary java script file jquery.js is not loading. Please try to deactivate cloudflare for your site.

  • Maya replied

    Thanks for that. I removed Cloudfare from my site. However, I am still having an issue with the sections not snapping on finger scroll on mobile. Also, the video backgrounds on some of the sections do not play on mobile as they do on desktop (it used to work).

  • [deleted] replied

    I see this javascript code on page:

            jQuery(function() {
              jQuery.scrollify({
                section : "#nfl", "#div-second", "#div-third", "#div-four", "#div-five", "#div-six", "#div-seven",
              });
            });

    It generates javascript error on page. Therefore other scripts (as vertical slider) don't work correctly.

  • Maya replied

    I've removed the script. What can I do to have the sections snap on finger scroll on mobile?

  • [deleted] replied

    I can change  some code to make this works on mobile but content inside sections will not fit to screen.

  • Maya replied

    May I see how it will look? Am I able to adjust the content inside when you change some code?

  • [deleted] replied

    Your site will looks like this (text will cut top and bottom):

  • Maya replied

    Ok, I can shorten the text in that section. Will this section be the only issue? If so, I would be very happy if you can help me with the snap feature on mobile!

  • [deleted] replied

    Please share ftp and admin access. I will try to activate vertical slider for mobile and you will check a result.

  •   Maya replied privately
  • [deleted] replied

    Cpanel address?

  •   Maya replied privately
  • [deleted] replied

    I added changes to file style.css. Please check.

  • Maya replied

    Thank you sooo much!! It's great!! I am trying to find it in the style.css file but I don't see it? I want to customize the color to transparent so that it doesn't overlap any texts.

  • [deleted] replied

    not fully understand. Please provide more info with screenshots.

  • Maya replied

    Can you tell me where in the css file I can see where you enabled the snap feature on mobile?

  • [deleted] replied

    In style.css lines 7908-7933.