Blew Out the Responsive View on Mobile for Genesis Sample

[colleengreene]

Hello,

I noticed this past week that I have somehow clobbered the responsive mobile view for my website, which uses Genesis Sample. I'm not sure when or how I did this. I am using Genesis Sample. My WordPress code and my Genesis + Sample are current.

My website displays fine for a regular browser view, and in horizontal layout view on a table. But vertical layout view on a tablet and mobile phone browsers do not display correctly.

The issue seems to be with my main content div. My wrapper, header, navigation menu, and sidebars display correctly on mobile. It's only the items in my main content area that display wrong. Each post title and body runs off the mobile screen, generating a horizontal scroll bar to see the rest of the title and post, instead of wrapping.

Here are 2 screenshots to illustrate what I am describing.
https://www.screencast.com/t/zLNcK5rq2sV
https://www.screencast.com/t/v8vxt7UqW

If anybody has an immediate hunch of what I need to fix, I'd appreciate it.

Thank you!

Colleen Greene

http://www.colleengreene.com/

[andytc]

You've added some css

.content {
 float: right;
 width: 800px;
}

remove the width

[andytc]

Probably want to get rid of this also -

.sidebar-primary {
 float: right;
 width: 300px;
}

so delete both entries and re-evaluate what you're trying to do with that custom css

[Author]

Posts