Home Page-Slider

Hi,

Slider Title and content is not showing on mobile device.
Screenshot_2016-03-29-14-03-41.png
1M

Comments

  • Hi

    kindly use this given css code 

    .slider_con {
    1. displayblock !important;
  • Hi,

    Refer attached image. Title shown half sentence and content is not there.
    Screenshot_2016-03-29-21-30-09-1.png
    1M
  • hi 

    use this given  css
    @media (max-width: 480px){
    .slider_con {
        left: 0%!important;}
    .slider_con h2 {font-size:30px !important;}
    }

    @media (max-width: 767px){
    .slider_con {
        left: 0%!important;}
    .slider_con h2 {font-size:30px !important;}
    }

    let me know 

    Thanks
    Abhishek
  • Hi,

    It works but the layout different from horizontal screen on mobile device. Would prefer to be same as vertical screen.
    Screenshot_2016-03-29-22-56-03-1.png
    1M
    Screenshot_2016-03-29-22-56-21.png
    3M
  • Hey yes you can do that with increase with your font size 

    @media (max-width: 480px){
    .slider_con {
        left: 0%!important;}
    .slider_con h2 {font-size:30px !important;}
    }

    @media (max-width: 767px){
    .slider_con {
        left: 0%!important;}
    .slider_con h2 {font-size:30px !important;}
    }

    increase hilighted value 

    Thanks 
    Abhishek
  • HI geenet_wifi

    let me know given above code helps you ?

    Thanks
    Abhishek
  • Hi,

    Sorry for the late reply, the above code doesn't help much. Refer attached file, it would be better in the middle rather than at the bottom of the image. 
  • HI 

    Sorry for your inconvenience . Thanks for your patience .

    Add the below css code into custom css box .

    @media (max-width: 979px) { 


    .slider_con h2 {
        color: #FFFFFF;
        font-size: 12px;
        line-height: 19px;
        margin: 0px 0px 17px 0px ! important;
       
    }

    .slider_con {
        left: 12%;
        position: absolute;
        top: 4%;
    }

    .slide-title span { font-size: 9px; }

    }

    Let me know for further assistance .

    Thanks 
  • Hi, 

    it works well this time. 
    Thanks.
  • Hi

    Glade to know that its work for you .

    Closing this ticket .

    Thanks 
This discussion has been closed.