Mobile glitch (3 posts)

  1. ThoroughbredTri
    Posted 2 years ago #

    Hi, I am new to website building and am currently using the church theme, which look wonderful on a desktop! But I have some trouble viewing it on my iphone, the sections in each page are out of order. I used a <div> tag to create these sections, but they appear to be a fixed width on the iphone browser and parts of the section are cut off. It does not allow me to scroll horizontally to see the rest of the paragraph. I am attaching a couple of screenshots to show what I mean. I used the jetpack mobile plugin, which did not help. I am currently using the wptouch plugin. Do you have any recommendations on how to fix the alignment of these sections for mobile browsing?

    Here are the screenshots:

    Thank you in advance!

  2. ThoroughbredTri
    Posted 2 years ago #

    I just want to clarify my question, is there a way to show two columns/sections when viewed on desktop pages and then become a single column when viewed in mobile/tablets?

    I found that when I set the sections into widths of 100% and stacked as single columns, they display well on the phone, but I would really like 2 columns on desktop pages.

    Thanks again, and happy holidays!

  3. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Is this regarding the default Church theme or a modification you've made?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.