[Resolved] Mobile Responsive View is Messed Up

Home Forums Support [Resolved] Mobile Responsive View is Messed Up

Home Forums Support Mobile Responsive View is Messed Up

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #166950
    Rosandra

    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.

    #167018
    Tom
    Lead Developer
    Lead Developer

    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/

    #167922
    Rosandra

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

    #167969
    Tom
    Lead Developer
    Lead Developer

    Glad I could help! 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.