Genesis 2.9, Gutenberg Theme Updates
Plus two Special Offers

To celebrate the release of Genesis 2.9, and six more themes getting the full Gutenberg treatment, we have decided to make a special one-week-only offer!

modern portfolio – responsive design how to?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by radiantaction 4 years ago.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
March 1, 2015 at 3:25 pm #142767

radiantaction
Participant

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

March 1, 2015 at 6:39 pm #142778
Christoph
Participant
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
March 1, 2015 at 6:50 pm #142779

radiantaction
Participant

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

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘modern portfolio – responsive design how to?’ is closed to new replies.