Homepage › Community Forums › Legacy Theme Support › iPad responsive design problem › Reply To: iPad responsive design problem
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.
