Responsive design not working


I cannot get my site to look right on mobile devices (both tablets and phones).  Do I have to activate something to get the responsive design function?  My site looks horrible on other devices.  I took screen shots of how they look and they can be seen in the file below.

thank you,
responsive design pic.docx


  • HI 
    Thanks for contacting to us .
    Our theme is fully responsive check our demo  . 
    Which version of theme are you using , Pls update theme with latest version  is 1.9..9.1  .
    If still does not resolve your issue , Share your website url . 
    So that we can take a look and assist you better . 


  • I have the pro version, just bought it last week.  You just need my web address?
    What kind of things do you look for and how?

  • edited October 2018
    Thanks for sharing your website url .
    We have checked your website  , You have added some additional css code inside the custom css box . 
    That's why it creating issue . 
    Kindly remove the css code and add the below css code I suggesting you . 
    It will work only the desktop resolution size .

  • @media only screen and (max-width: 1200px) and (min-width: 960px) {
    .slide-caption {
        background-color: rgba(18, 4, 1, 0.8);
        border-radius: 10px;
        height: auto;
        margin: 0;
        position: absolute;
        z-index: 0;
        top: 20%;
        transform: translateY(-50%);
    .slide-caption h2 {
        font-weight: 700;
        color: #ffffff;
        text-shadow: 1px 2px 1px rgba(0,0,0,0.5);
        margin: 0 0 16px;
        word-wrap: break-word;
        font-size: 40px;
        line-height: 27px;
        margin: 0 0 10px;
    .slide-caption p {
        font-size: 20px;
        line-height: 23px;
        margin: 0 0 10px;

  • That seemed to do the trick!  Thank you,
  • Hi 
    Glade to know that its work for you .
    If you like our Theme & Support, you can rate us with your kind review: HERE

This discussion has been closed.