Archived topic

Mobile Responsive View is Messed Up

3 replies · Started by Rosandra on January 20, 2016

Viewing posts 1–4 of 4

January 20, 2016 at 8:18 am #166950

My site http://www.andreaschultzcounseling.com is not showing up on mobile devices properly. The only page that does is the FAQ because I haven't added any sections or images. All the other pages are a mess on mobile. I've tried changing from a fixed pixel to percentages in the div code, but that's not working.

January 20, 2016 at 11:33 am #167018

Hi there,

This is because of the HTML markup you've added to your pages.

For example:

<div style="width: 1098px; height: 650px; margin: 0px;">
    <div style="float: left; width: 650px; height: 550px; margin: 0px; padding: 50px; border: none;">

    </div>
    <div style="float: left; width: 344px; height: 650px; margin: 0px; padding: 0px; border: none;">

    </div>
</div>

The width and height attributes in there aren't responsive.

If you're wanting to create responsive columns, I suggest using this plugin: https://wordpress.org/plugins/lightweight-grid-columns/

January 25, 2016 at 7:49 am #167922

Thank you so much, that fixed the problem and it's working beautifully. Thank you for your timely response. You rock!!

January 25, 2016 at 10:49 am #167969

Glad I could help! :)

This archived topic is closed to new replies.

Start building better websites today.