Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 20, 2016 at 9:54 pm #702105
    bsomme1

    I am having a problem with one of our pages on our website. The page uses the layout slider and loads fine when on desktop sizes. It won’t load when on mobile screen sizes though. I can’t seem to figure this one out. I am in the process of updating the theme and plan on testing that once I am able to test the update first.

    Please note, the home page and other pages that use the same slider don’t seem to have this problem. It could be caused by the other elements on the page but I have removed those and still see the issue. The content slider that is being used in the dark blue box toward the bottom of the page is also not loading on mobile devices.

    Would you mind taking a quick look at the page in the notes below?

    Thank you so much for your help.
    -Brad

    • This topic was modified 8 years, 2 months ago by bsomme1.
    October 21, 2016 at 9:18 am #702235
    Rikard

    Hi Brad,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    October 21, 2016 at 10:45 am #702279
    bsomme1

    I have added the details below. Please don’t perform any plugin, WordPress, or theme updates. We will be doing those on our end today but need to test this in a dev environment first. I also would prefer that we don’t make any modifications to the functions.php file until we can test that in another environment (if that is needed)

    Thanks for your help.
    Brad

    • This reply was modified 8 years, 2 months ago by bsomme1.
    October 21, 2016 at 11:50 am #702313
    bsomme1

    I’m not sure if this is related but the slider formatting in the style section of the avai layout slider seems to disappear when I go back into the slider after it has been saved, or when I duplicate the slider.

    October 22, 2016 at 7:43 am #702728
    bsomme1

    I have found the issue that prevented the slider from loading. There was some custom javascript that caused the issue on our end. Now that I have removed that I am still seeing an issue with the initial load frame of the layer slider. For example, if you look at the home page you will notice that the CSS isn’t taken into account when the page first loads. When you click to the next frame it shows the content in the container as expected.

    October 22, 2016 at 8:03 am #702734
    bsomme1

    I have fixed the last remaining issue.

    The code below was added to the stylesheet to adjust some things but was the source of the formatting issue.

    /*slider*/
.ls-slide, .ls-layer { display:inline-block !important;}
/*end of slider*/

    Sorry to have bothered you with this one.

    -Brad

    October 24, 2016 at 9:59 am #703172
    Ismael

    Hi,

    Great! Glad you figured it out. Thank you for the update.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Avia Layout Slider loads on Desktop but not on mobile screen sizes’ is closed to new replies.