Reply To: iPad responsive design problem

Homepage Community Forums Legacy Theme Support iPad responsive design problem Reply To: iPad responsive design problem

#4187
Wes
Moderator

    This is happening because you’ve made some edits to your css file which affected the responsive code.

    1. Change your “#home-bottom” back to 100% on line 3634 in your style.css file. It looks like you changed it to 96%.

    2. Around line 3642 in your css, it looks like you removed – “width: 30%;“. This is needed in order to make the elements “responsive” otherwise they’ll stay at 300px which is a fixed width that won’t “respond”. Also, on this same line, you removed “.home-bottom-3“….you’ll need to add that back so the responsive width can be applied to that div/class. It should look like this –

    `.home-bottom-1,
    .home-bottom-2,
    .home-bottom-3 {
    margin-bottom: 20px;
    width: 30%;
    }`

    That should make it all work again. Let me know if it does.