Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Education theme mobile responsive CSS questions

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: not resolved

Tagged: css, education, mobile responsive

This topic has 1 reply, 2 voices, and was last updated 12 years, 2 months ago by AnitaC.

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

Author

Posts
April 24, 2013 at 10:42 am #37430

stevenalowe
Member

I'm having 2 issues with the display of a site using the Education theme on iphone size screens.

1) I'm using an image for the header and the image is not resizing (shrinking) for this screen size. Only a portion of the image shows.

2) In the main content area, I'm using 3 columns. The 3 columns are displaying side by side when I would like them to stack vertically.

Can anyone offer CSS suggestions to correct these issues?

Thanks

http://nov8r.com

April 24, 2013 at 11:12 am #37436

AnitaC
Keymaster

You can use Nick's Responsive Header Plugin to your header - http://designsbynickthegeek.com/plugins/genesis-responsive-header.

For the columns - you have selected Column Classes. The Column Classes are meant to be used for information that needs to stay in column format and not shift in responsive mode. They work differently than the 4 columns on the home page of the demo.

Need help with customization or troubleshooting? Reach out to me.
Author

Posts

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

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.