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?
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.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.