• Resolved bigga345

    (@bigga345)


    So this slider is awesome..I love how easy it is to customize and what not. But getting it to work on mobile devices is a pain.

    I’ve been trying for a day to make my current slides (two of them) work on a mobile device and to no avail. It is PERFECT on desktop of course. However, every time I try to make a change for mobile devices only..it changes on the desktop view as well.

    Does anyone have an idea on what I can do? Can I give you a login so you can have a look? Thanks in advance..

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Laszlo

    (@laszloszalvak)

    Hi @bigga345

    We have some device specific settings, what you can adjust separately for each view.
    A device specific setting can be usually recognized from the small screen icon next to the name of the setting.
    For example, if you would like to reduce the font size on mobile view and you check the Style tab of the layer, you will find the “Text Scale” setting, which has a small screen icon next to its name, as you see here: https://smartslider.helpscoutdocs.com/article/1812-layer-style#common
    This means, if you switch to mobile view, then you will be able to set a different value for this setting in mobile view.

    Note: We also have a YouTube video about responsive settings. If you are interested, you can find the video here: https://www.youtube.com/watch?v=GUMeRd4W_bM

    Best regards,
    Laszlo.

    Thread Starter bigga345

    (@bigga345)

    Hi,

    Wow thanks for the prompt response.. I did find the “mobile view” option that you suggested but even when I do that it doesn’t align properly or do anything I want.. I will try again though and reach out if anything.

    Thanks.

    Ramona

    (@nextend_ramona)

    Hi @bigga345

    If the problems doesn’t seem to go away after making changes in the mobile view, could you export and send us your slider at:
    https://smartslider3.com/contact-us/support/?ref=https://wordpress.org/support/topic/mobile-layer/&topic=Editing&version=Free&platform=WordPress
    to check out the slider you created?

    Thread Starter bigga345

    (@bigga345)

    Thanks, I just submitted a ticket.

    Ramona

    (@nextend_ramona)

    Hi @bigga345

    Thanks, I received your slider!

    Your problem happens because of the custom CSS codes you wrote to the layer window > Style tab > under Backround: More > CSS.

    View post on imgur.com

    This is the code I saw in one of the heading layers:

    border-radius: 45px;
      background: 4594E1FF;
      padding: 15px;
      width: 1120px;
      height: 25px;

    Basically, you’re telling the heading that it should have a fix width of 1120px. That’s why the layers can’t be responsive, because the codes you added prevent them from resizing.

    So, if you want the layers to be responsive, remove the custom codes you added, and use our options to configure the layers. You can set padding and border radius at layer window > Style under Spacing and Border respectively. You can set the background color at the Background, where it’s already set. The width and height settings are completely unnecessary. The slider will set those based on the device width and content size.

    Thread Starter bigga345

    (@bigga345)

    I am extremely impressed with how fast you guys are responding. Excellent support. I will remove it and try again, thanks. I will update you to let you know how it goes.

    Thread Starter bigga345

    (@bigga345)

    Removing the CSS code worked. You guys are AMAZING. 10/10 support. Thanks again.

    Ramona

    (@nextend_ramona)

    Hi @bigga345

    Great, I’m glad it worked out! I’ll go ahead and mark this topic as resolved.

    If you like Smart Slider 3, and you have a few free minutes it could help us a lot if you could write a review. You can do so here:
    https://wordpress.org/support/plugin/smart-slider-3/reviews/

    Have a nice day!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Mobile layer’ is closed to new replies.