touch compatibility in the home slideshow

Home Forums Joomla Templates Oyster – Creative Photography Joomla Template touch compatibility in the home slideshow

This topic contains 12 replies, has 2 voices, and was last updated by  CTHthemes 1 year, 5 months ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #13022

    emilio_n
    Participant

    Support Expired

    Hello,
    I needed to add some text in the home page due SEO reasons so the page now need to scroll down.
    In mobile this is a problem because the slideshow area is not sensitive to touch and is easy to be stacked with the picture and can’t scroll up/down.

    Is there any way to fix / add this?
    Thanks in advance for your help!

    #13028

    CTHthemes
    Keymaster

    Hi, send me your link + administrator account to check.

    #13036

    CTHthemes
    Keymaster

    Hi, In this case you have to decrease the height of the slider by adding the style bellow to \Root/templates/oyster/css/custom-theme.css file

    
    @media (max-width:600px){
    
    div.gallery-container {
         height:300px !important;
    }
    
    }
    
    #13057

    emilio_n
    Participant

    Support Expired

    Hi!
    I added on this way:
    https://screencast.com/t/qO7rM0p0th

    Deleted caches, etc, but I didn’t notice any difference.
    What I am doing wrong?

    Thanks!

    #13066

    CTHthemes
    Keymaster
    This reply has been marked as private.
    #13067

    emilio_n
    Participant

    Support Expired
    This reply has been marked as private.
    #13070

    CTHthemes
    Keymaster

    Hi, it works fine on my iPhone. As you can see in the screenshot bellow the slider is smaller so you can scroll throw the page

    Attachments:
    You must be logged in to view attached files.
    #13073

    emilio_n
    Participant

    Support Expired

    Hi!
    Yes, in vertical position works ok. 🙂
    The problem is with horizontal position. You can see better the pictures but stacked if you cover all the screen with the picture.

    Maybe difficult to fix as I am afraid is controlled by Azura.
    I prefer much more the home page clean without text but one guy fixed the SEO in my page said I must to put at least this few words 🙁

    If is not easy to fix don’t worry. I am checking that I am getting more visits with mobile last months and I want to make as much user-friendly as possible. For the rest, I love your template… and the customers too!!

    Thanks,
    Emilio.

    #13075

    CTHthemes
    Keymaster

    Hi,
    I found other solution for you. Add the script bellow to \Root/templates/oyster/js/theme.js file (at the bottom)

    
    jQuery('.fs_slide')
    .on('movestart', function(e) {
      // If the movestart is heading off in an upwards or downwards
      // direction, prevent it so that the browser scrolls normally.
      if ((e.distX > e.distY && e.distX < -e.distY) ||
          (e.distX < e.distY && e.distX > -e.distY)) {
        e.preventDefault();
      }
    });
    
    

    You are using JCH Optimizer plugin to mifify js files so please delete server and browser caches before check.

    #13187

    emilio_n
    Participant

    Support Expired

    Hello!
    Looks doesn’t works…
    I just put in the theme.js and delete all the caches.

    Something more to do?
    Something I did wrong?

    https://screencast.com/t/qDYK9tb2gzr2

    Thanks!!

    #13208

    CTHthemes
    Keymaster

    Hi, try this code instead:

    
    jQuery(document).ready(function(){
        jQuery('.fs_slide').on('movestart', function(e) {
          // If the movestart is heading off in an upwards or downwards
          // direction, prevent it so that the browser scrolls normally.
          if ((e.distX > e.distY && e.distX < -e.distY) ||
              (e.distX < e.distY && e.distX > -e.distY)) {
            e.preventDefault();
          }
        });
    });
    
    

    If it still doesn’t work send me your administrator account to check.

    #13231

    emilio_n
    Participant

    Support Expired

    Worked!!!
    Thank you very much!

    Emilio.

    #13242

    CTHthemes
    Keymaster

    you are welcome 🙂

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.