Responsive behaviour hindered by wrap.contentclass div

[Laura]

Laura

February 12, 2014 at 10:48 am

Hi Ben, It’s taken insane determination to get the page layout to place and behave on one of my pages. Finally it’s all working except for the flexible responsive behaviour that is such a lovely feature of Virtue. My site requires a log-in, but I invite you to visit, can I send you my admin login detail?
I’ve put the following specs in my Child style.css file. The Header and Footer sit right and behave right. In the Contentclass the Pageheader and narratives sit right but they don’t flex when the view-window is more narrow. That is, they don’t until they do. In the range between a view window of 1170++ down to the view-window of about 600px the midsection stays 740px wide. I told it max-width 740, but it’s not flexxing. Probably has to do with my left margin of 36%. It was really a challenge finding the right combination of selectors to get the page in the current shape. Mighty close to perfect but not quite there yet. any clues for me??
/*for MessageBd page to move all content to the right */
.page-id-86 .wrap.contentclass {
margin-left: 36%;
max-width: 740px;
width: auto;
}
.page-id-86 .wrap.contentclass #pageheader .container {
max-width: 740px;
}
.page-id-86 #pageheader.pageheader {
max-width: 740px;
}
.page-id-86 .wrap.contentclass .container {
max-width: 740px;
}
.page-id-86 .col-md-12 {
max-width: 740px;
}