modern portfolio – responsive design how to?

[radiantaction]

Hi All,
I'm using the Modern Portfolio theme and I want the sidebar to drop below the content on small mobile screens. I've fussed with my media queries so I can't tell if I've messed something up or if it wasn't meant to do this in the first place.

What do I need to add to my stylesheet to force the sidebar below the content area on small phone screens?

The practice site is: http://dev.kirstenhopedesign.com

Thank you for your help!

Kirsten

http://dev.kirstenhopedesign.com

[Christoph]

Add this to the @media query:

        .content,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[radiantaction]

Thank you Christoph! Looks great! I appreciate your help 🙂

[Author]

Posts