Mobile view code

Hello.

Subject: Mobile View.
Site: www.goodirection.co.il

My goal is to improve my mobile conversions. I would like more users to use the contact form (7).

The problem is that while my site looks good on computers, it looks very long and clumsy on mobiles. I wish to fix that.

I can think of 2 solutions. Both dealing with “blockquote” and “testimonials” sections and their appearance on mobile view (without any malipulation of the regular computer view).

One solution is to shorten the text in these sections so it will be more “acceptable” to watch on mobiles (Well, a “read more” button is out of the question). The second solution is to totally remove these section from appearing on mobiles.

Also how can i make the “services” section to appear in two columns on mobiles

I think its important to mention that I’ve hire a website builder, So all changes are being done directly to the code.

Thank you for your help,
Roi.

Hi,

You can try this code in your custom CSS:


@media only screen and (max-width: 499px) {
    #services .service {
        width: 50% !important;
    }
    #blockquote blockquote {
        font-size: 14px;
    }
    #testimonials {
        display: none;
    }
}