Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1696907
How to make the theme mobile friendly?
Closed

Comments

  • sahelnik started the conversation

    Hi, 

    Thegem is not mobile responsive and as I installed many plugins to fix this issue but none of them worked.

    Could you please introduce a plugin to make the theme mobile responsive? 

    Thanks

  •  7,095
    Oliver replied

    Hi,

    pls. provide the wp-admin access and add few screenshots with the issues.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   sahelnik replied privately
  •  7,095
    Oliver replied

    Hi,

    1. I deactivated check box "Page as fullscreen vertical slider keep on mobile" in your case it's not possible to have it because you have a lot of the content on the 1 slide. 

    2. Don't use text in the image, image should be - image, text should be text (Text block) I'm about this image:

    https://sing.cambridgehomeschool.com.my/wp/wp-content/uploads/2018/08/sally-F-1.jpg?id=31905
    

    3. here is an example of CSS for controlling font size for mobile:

    @media (max-width: 1000px) {
    h1, .title-h1 {        
        line-height: 30px !important;        
        font-size: 30px !important;
    }
    h2, .title-h2 {        
        line-height: 30px !important;        
        font-size: 30px !important;
        }
    }
    @media (max-width: 768px) {
    h1, .title-h1 {        
        line-height: 30px !important;        
        font-size: 30px !important;
    }
    h2, .title-h2 {        
        line-height: 30px !important;        
        font-size: 30px !important;
        }
    }
    @media (max-width: 500px) {
    h1, .title-h1 {        
        line-height: 30px !important;        
        font-size: 30px !important;
    }
    h2, .title-h2 {        
        line-height: 30px !important;        
        font-size: 30px !important;
        }
    }

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver