• Resolved shewenttospain

    (@shewenttospain)


    I can get the mobile slider to look good on my desktop but I can’t get it to work on my phone. The writing overlaps with the photos on mobile. So my question is: What are the best sizes for desktop vs. mobile?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Contributor averta support

    (@averta_support)

    Hi,

    Thank you for using Master Slider.

    Could you please provide me with the link of your website?

    I will wait to hear from you.

    Best,
    Averta

    Thread Starter shewenttospain

    (@shewenttospain)

    Thanks for the quick response! My website is shewenttospain.com but the post isn’t live yet. If you need to see it though, I can make it live and send another link? Thanks in advance for your help!!

    Plugin Contributor averta support

    (@averta_support)

    Hi @shewenttospain,

    You are very welcome!

    I need to check out the slider to figure out the issue. So please make it live and provide me with the link again.

    Best,
    Averta

    Thread Starter shewenttospain

    (@shewenttospain)

    Sorry for the delayed response! The live link is http://www.shewenttospain.com/visit-andalucia/

    Thank you for your help!

    Plugin Contributor averta support

    (@averta_support)

    Hi,

    It is ok.

    Please put the below code on Slider Settings -> Slider custom styles:

    @media screen and (max-width: 750px) {
    
     .master-slider {
       margin: 0 !important;
     }
     .ms-slide-info.ms-dir-v {
         top: 0;
         position: static;
         width: auto !important;
         padding: 0 20px;
     }
    
     .ms-info {
            margin-top: 20px;
        }
    }
    
    .ms-slide-info {
        overflow: auto;
        height: 100%;
    }

    Let me know the result.

    Best,
    Averta

    Thread Starter shewenttospain

    (@shewenttospain)

    It’s perfect on mobile now! Is there a way to move the left and right arrows out of the way? Also, can I get the same look on desktop? Thanks again!!

    Plugin Contributor averta support

    (@averta_support)

    Hi,

    You are able to delete arrows from Master Slider -> Slider Controls, or enable “Hide arrows when mouse leaves slider” on Arrows Control Options section, like the below screenshot:

    http://support.averta.net/en/wp-content/uploads/Arrows.png

    Best,
    Averta

    Thread Starter shewenttospain

    (@shewenttospain)

    Hi,

    It’s almost perfect! The slide arrows are gone from desktop but not from mobile? If I can remove them from mobile or just move them off the photo and into the black area around the photo, that would be great!

    Thank you again for all your help!

    Plugin Contributor averta support

    (@averta_support)

    Hi,

    I checked your slider on mobile and the arrows were not there.
    To totally remove arrows from Master Slider -> Slider Controls, by clicking on the trash icon on “Arrows” button.

    If I could be of any further assistance, please do not hesitate to ask.

    Best,
    Averta

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

The topic ‘Mobile vs. Desktop’ is closed to new replies.