The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Select options & tables break mobile layout?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #42064

    Hi there,

    I have a responsive web site, most of which works fine! When you tilt your iphone the layout rotates and scales up or down accordingly …apart from on 2 pages!

    The first page I think the TABLE element is the culprit. Obviously it can only go so small. If I few the page in portrait view there is extra space to the right. Turning the phone to landscape view all of a sudden makes the page massively wide.

    However, if I load the page in landscape mode it looks fine, as intended. Rotating back to Portrait view gives the same result as before, where you can scroll horizontally on the page.

    The next issue is on a checkout page. Again most of the page works fine but the issue seems to be with the select. I hide the select and the page worked fine. I then gave the select a width of 50% which visually it did – but the layout still broke! I think this is caused by the options within the select are as long as “Democratic Republic of the Congo”. Is there away to stop this happening (without shorting all the options obviously – it is a checkout, the names need to be accurate).

    Any ideas? Thanks in advance,


    You can see an example of the table breaking issue here:

    For the select you’ll need to click ‘enrol this course’ then click ‘Go to checkout’ on the basket. You should then be able to see it on the next page.



    I’ve totally hit a wall on these two issues.

    Has anyone come across the same problems or know of any solutions? Really not sure how to resolve this & would really appreciate some help :)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.