Search for: Log In Free Support [Resolved] Mobile View Sections Home › Forums › Support › Mobile View Sections This topic has 28 replies, 3 voices, and was last updated 3 years, 9 months ago by Tom. Viewing 15 posts - 1 through 15 (of 29 total) 1 2 → Author Posts February 26, 2017 at 2:45 am #284113 johnzoro I am having a few problems now with mobile view How do I make it so that the “design” section is full width Also the positives and negatives sections look a bit funny on mobile view February 26, 2017 at 8:52 am #284197 LeoStaff Customer Support Hi John, Currently all the sections have a 10px padding on the left and right side because this CSS is added: @media (max-width: 1199px) { .container { width: auto; padding: 0 10px; } } Changing it to padding: 0; should work. Let me know. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ March 10, 2017 at 5:41 am #289711 johnzoro that fixed the first problem but the pros and cons ones still look muddled on mobile view March 10, 2017 at 6:24 am #289722 LeoStaff Customer Support You meant the list in the Pro section is pushed to the right a bit? That’s because this CSS you’ve added: .pro ul { padding-left: 50px; } You try can changing it to desktop only: @media (min-width:769px) { .pro ul { padding-left: 50px; } } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ March 11, 2017 at 7:08 am #290130 johnzoro yeah there is that but there are gaps between the sections i would imagine it would be green section then straight to red? March 11, 2017 at 7:13 am #290131 LeoStaff Customer Support Try @media (max-width: 768px) { .inside-grid-column { margin-bottom: 0; } } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ March 11, 2017 at 7:58 am #290137 johnzoro I don’t think that works March 11, 2017 at 11:33 am #290192 LeoStaff Customer Support I don’t see the code being added? Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ March 16, 2017 at 7:55 am #292827 johnzoro I added it but it didn’t work so I removed it again March 16, 2017 at 10:02 am #292895 TomLead Developer Lead Developer If you could leave it in there it will help us understand why it’s not working. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Ongoing Development: https://generatepress.com/ongoing-development March 17, 2017 at 5:41 am #293357 johnzoro sorry i added it back in the css March 17, 2017 at 5:44 am #293359 johnzoro do you know what? i think its working now! thank you so much March 17, 2017 at 8:06 am #293404 LeoStaff Customer Support You’re welcome! Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ June 18, 2017 at 2:57 am #335257 johnzoro I’ve changed the css again, can you let me know what to add again June 18, 2017 at 8:01 am #335316 LeoStaff Customer Support Sorry not sure what you mean? What is the question? Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 15 posts - 1 through 15 (of 29 total) 1 2 → You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In