Viewing 6 replies - 1 through 6 (of 6 total)
  • futureofwebdevelop.fowdev

    (@futureofwebdevelopfowdev)

    it possible it could be your theme.

    Thread Starter NetMonkey

    (@headmonkey)

    It’s possible. Can you suggest some css code for mobile that may fix it?

    Thread Starter NetMonkey

    (@headmonkey)

    This has no effect on mobile display:

    @media screen and (max-width: 760px){
    .avartanslider-slider {
        position: absolute;
        margin-top: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
    }
    }

    Any suggestions?

    Thread Starter NetMonkey

    (@headmonkey)

    It’s not my theme. I’ve tried it with the WordPress 2016 theme and one other responsive theme in the WordPress repository and I get the same results.

    You have a very good slider, but I need a little help. It’s only displaying correctly on the desktop and PC and Mac notebooks. iPads and iPhone and Android smartphone displays are not displaying correctly.

    Please help me troubleshoot this, because I would very much like to use your slider. I hope to hear from you soon. Thanks.

    Plugin Author solwininfotech

    (@solwininfotech)

    Hi HeadMonkey,

    Please find responsive CSS in style.css file and replace with this one.

    @media screen and (max-width: 760px) {
    .avartanslider-slider {
    position: relative;
    margin-top: 155px !important;
    padding: 0px !important;
    width: auto !important;
    height: auto !important;
    display: block;
    }
    }

    Feel free to contact back if you have any further query

    Thank you

    Thread Starter NetMonkey

    (@headmonkey)

    Thanks for your reply. The only difference in the css you gave me and what I’ve changed it to before you posted your css is one line. Yours reads:

    margin-top: 155px !important;

    and mine reads:

    margin-top: 110px !important;

    If I use your css, it just creates a 45px white space below my header container before the slider starts, which just moves the slider further down the page.

    This css you gave me is not the solution. Moving the slider further down the page does not fix the problems I’m seeing on smartphones and tablets.

    Go to https://www.responsinator.com/ and type in my test website — test.netmonkeys.net to see a simulated view of the slider on different devices in portrait and landscape modes.

    It does NOT display correctly on ANY mobile device. What is the answer?

    What else can you suggest I do to correct things?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Slider will not display on mobile correctly’ is closed to new replies.