• Resolved pankaj189

    (@pankaj189)


    Dear Sir/Madam,
    I install my master slider plugin. this is visible fine in desktop. but in mobile this is not good visible. slider height is small. please help me for increase height for mobile slider.
    website: streamlinepharma.com
    please check in mobile.
    thanks

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

    (@averta_support)

    Hi,

    Thank you for using Master Slideer.

    You can change the slider height on Slider Settings -> General Settings -> Slider sizing method -> Minimum height amount

    Please let me know the result.

    Best,
    Averta

    Thread Starter pankaj189

    (@pankaj189)

    Hi,
    I want to increase height for only mobile. not for desktop . desktop has good visual
    please let me know any solution.

    Thanks

    Plugin Contributor averta support

    (@averta_support)

    Hi,

    I understood and gave you the best solution for that ??
    min-height property is different from height. The difference between height and min-height is is used to set the minimum height of an element. This prevents the value of the height property from becoming smaller than min-height.

    I guess 400 or 500 is best for the min-height.

    Please let me know the result.

    Best,
    Averta

    Hi! I was with the same problem and I put the 480 px in the Minimum height amount, but doesn’t work on mobile.

    Can you see my blog, please? How can I resolve this?
    Is it possible only on the mobile to put the image at the top and the text below?

    https://www.mywishpresentes.com.br/2017/05/16/viagem-para-feriado-de-corpus-christi-2017/

    Thank you,

    Plugin Contributor averta support

    (@averta_support)

    Hi @mywishpresentes,

    Thank you for using Master Slider.

    To put the slide info on the below, you can add the following code on Slider Settings -> Slide 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 if you have any further questions.

    Best,
    Averta

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Master slider in mobile version’ is closed to new replies.