Column classes responsive design

[Amy Kvistad]

Hi,

I have a two column layout and when I view it on a mobile device it changes to a single column but there is extra space between the columns. How do I remove that extra space?

I added responsive css to change the margin to 0 but that doesn't make a difference.

Thanks,

Amy

[SoZo]

Please include a link to your site with all questions so that people can see what is going on.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Amy Kvistad]

Here is the temporary link:

http://www.theclientroom.com/services/

Thanks

[SoZo]

The space is being created by this rule

.entry-content ol,
.entry-content ul {
margin: 0;
padding: 0 0 25px;
}

So you need to add that to your responsive sections, taking out the bottom padding.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Amy Kvistad]

Thanks, this fixes the space between the columns when they move to one on a mobile device!

[SoZo]

You're welcome 🙂

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Author]

Posts