Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 6, 2014 at 1:57 pm #205808
    deyowulf

    http://www.jonnyfreesh.com

    everything is fine with my full width landing page style slider except for two things :

    1. When I load it on a mobile device and then rotate the device horizontally or vertically, the rest of the page stays responsive while the slider does not.

    2. There’s that tiny vertical white line on the right side of the slider. Currently that image is just a layer, but I also tried it as the background and the same issue arose.

    Many thanks in advance

    Jonny

    January 6, 2014 at 4:29 pm #205865
    Devin

    Hey deyowulf!

    1) As far as I know this is a limitation of LayerSlider. It needs to change slides or refresh in order to re-adjust for a phone rotation.

    2) Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.avia-blank {
width: 101% !important;
}

    Best regards,
    Devin

    January 7, 2014 at 3:42 am #206094
    deyowulf

    Thanks Devin,

    CSS worked thanks :)

    Do you know of any other sliders with layers that can stay responsive upon screen shift? Am I correct in saying that the sliders included with the theme don’t have the layering function required to make a slider with two different links like mine?

    BTW Theme is great and clearly support is too, I’m quite happy with my purchase!

    Thanks

    Jonny

    January 7, 2014 at 4:08 am #206104
    Ismael

    Hi!

    You can try the RoyalSlider plugin. Hire a freelance developer to make it fully compatible with the theme. Visit http://werkpress.com/.

    Regards,
    Ismael

    January 7, 2014 at 4:11 am #206105
    deyowulf

    Thanks Ismael,

    So then what you’re saying is that from the get go it’s not fully compatible with the theme and that to use it I would need to hire a developer?

    Also, I’ve just realized that I have the same issue with the thin white line at the top of the page as well. I tried putting in this css into the quickcss but it didn’t work.

    #top.avia-blank {
    height: 101% !important;
    }

    Many Thanks for the awesome support guys.

    Jonny

    January 7, 2014 at 5:50 am #206125
    Ismael

    Hi!

    Yes, it is not full compatible with the theme and you might need a freelance developer to fix a few layout issues.

    Please add this on your custom.css or Quick CSS:

    #main {
margin-top: -1px;
}

    Best regards,
    Ismael

    January 7, 2014 at 5:57 am #206131
    deyowulf

    Thanks Ismael.

    I’m not interested in hiring anyone at the moment, are there any other sliders you know of that are fully compatible that might work?

    January 7, 2014 at 6:12 am #206140
    Josue

    Hi!

    Only LayerSlider is officially supported, however you can try alternatives like Revolution Slider, but as Ismael said there may be some issues.

    Cheers!
    Josue

    January 7, 2014 at 8:04 am #206179
    deyowulf

    Thanks Josue,

    Tried Rev Slider and it only worked flipping the screen one way – from horizontal to vertical. Vice versa cut the image in half :(

    January 7, 2014 at 8:17 am #206184
    Ismael

    Hi!

    Can you please give us a link to the actual page with the slider? We need to inspect it. This is why we recommend to hire a freelance developer to fix the issues with the slider.

    Regards,
    Ismael

    January 7, 2014 at 8:28 am #206189
    deyowulf

    http://www.jonnyfreesh.com – I’m currently trying to figure out a way to set up a redirect for mobile devices as the landing page i’ve designed doesn’t work well with iphone sized screens anyways.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Layer Slider Doesn't Stay Responsive when I rotate mobile device’ is closed to new replies.