website show style on mobile phone problem.

edited November 2018 in Busiprof
Hellow sir,

My web  site www.woolars.com, plz check both on PC and Cell phone.

Problem: Banner picture looks very small, it's strange.  See https://prnt.sc/li4jut

Comments

  • Hi,

    Paste the below custom CSS in your theme's custom CSS box:

    /*slider full width*/
    .flexslider .slides img{
    width: 100%;
    }
    /*slider full width*/

    Let me know did it work!

    Thanks
  • Dear Imaraz,

    I used your code, but there is no difference when i check it on mobile. 

    Thanks.
  • Hi,

    Paste the below custom CSS in theme's custom CSS box, and let me know does it works:-

    /*Mobile slider: change image height and text size*/
    @media only screen and (max-width: 480px) and (min-width: 100px) {
        .flexslider .slides img { height: 150px !important; }
        .slide-caption h2 { font-size: 12px !important; line-height: 18px !important; }
        .slide-caption p {
            font-size: 9px !important;
            line-height: 14px !important;
        }
        .flex-btn {
            font-size: 8px !important;
            line-height: 11px !important;
            padding: 4px 10px !important;
            margin-top: 5px !important;
        }
    }
    /*Mobile slider: change image height and text size*/
  • For a screen of width between 767px to 480px, you can use to paste even the below css:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
        .flexslider .slides img { height: 250px !important; }
        .slide-caption h2 { font-size: 16px !important; line-height: 25px !important; }
        .slide-caption p {
            font-size: 11px !important;
            line-height: 18px !important;
        }
        .flex-btn {
            font-size: 12px !important;
            line-height: 14px !important;
            padding: 6px 12px !important;
            margin-top: 9px !important;
        }
    }

    * Change the value as per your requirements
  • Dear Imraz, 

    The second workds, but it still looks not like a banner i think.  The slider on the picture has a grey background. When scan on mobile phone, we can see nothing but the grey background.

    Is it possible to move the slider only on mobile side?  I want keep the slider on pone, and remove it on mobile side.

    Thank you. 
  • Sorry! I did not understand about for which grey background you have replied. I check your site and it seems fine also in mobile.
  • then ok, Thank you Imraz, let's go with the current style. 

    Thank you my friend.
  • Glad to help you @woolars

    You can rate us with your kind review HERE

    Thanks
This discussion has been closed.