Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1151675
    simone
    Participant

    http://d78.b51.myftpupload.com/wp-admin/admin.php?page=revslider&view=slide&id=23

    Hello,
    I am having trouble with a text layer in mobile view in the Revolution Slider. Words are cut off-
    I have searched the thread and the media querie isnt working. Suggestions?

    Many Thanks,
    simone

    #1151685
    Joao
    Moderator

    Hi Simone,

    Here is a video regarding Slider Revolution Responsive Settings.

    Regarding your page Could you indicate which page you are talking about exactly? Is it publish or a draft?

    I tried accessing using the link above but I could not see it.

    Please let us know more details,

    Thanks

    Joao

    #1171483
    simone
    Participant

    The page is published http://www.cercatrovayoga.com/storytelling-yoga/

    I am having issues with the text layers in the orange wave shape. On the second slide the word “harmony” is cut off on mobile view. Any help would be appreciated.

    Thank you
    Simone

    #1171575
    Rupok
    Member

    Hi Simone,

    It seems fine on mobile view on my end (check attachment). Would you point your issue with a screenshot as well?

    Thanks!

    #1171719
    simone
    Participant

    Please see attached screen shot. The word Harmony is cut off and the “S” in “strenghten” is cut off –
    I tried a few suggestions in the video but it did not have any effect.

    Thank you
    Simone

    #1171842
    Nico
    Moderator

    Hi There,

    I could see that your setup is working well and it is showing great in my mobile device and upon shrinking my desktop browser.

    Would you mind sharing us the mobile device you used?

    Thanks.

    #1171934
    simone
    Participant

    Hi Nico, I am using an iphone 6

    #1172562
    Paul R
    Moderator

    Hi,

    Kindly note that you can arrange your layers based on screen size

    2. Screen/Device

    To use this option, you first have to enable a Custom Grid Size for additional screens/devices.

    Toggling between the different options here will allow you to style and position your Layer content based on the selected screen/device.

    For example, if you had a text-based layer, you could assign it a font-size of 64px, with a top-right position for desktop view. Then if you switch to the smartphone view, you could change the layer’s font-size to 32px, and give it a bottom-left position.

    For more information please refer to the link below

    https://www.themepunch.com/revslider-doc/slide-layers/#layercanvas

    Hope that helps

  • <script> jQuery(function($){ $("#no-reply-1151675 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>