Sample Child Theme – #inner div not aligned with header

[desireejester]

Hi again. I am having a strange issue with the #inner div on the Sample Child Theme when the page is viewed in mobile and tablet widths. The inner div lines up fine with the header and footer in full width, but when the page is in mobile or tablet widths, the right side of the #inner div breaks out of the box and is wider than the header. Below is the css I am using for the tablet and mobile widths.

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.wrap,
#inner,
#footer .creds,
#footer .gototop,
#header .widget-area,
#title-area,
#wrap .sidebar,
#wrap #content,
#wrap #content-sidebar-wrap,
#wrap #sidebar-alt {
width: 100%;
}

Thanks so much in advance!

http://testsite1.wideeyedwonders.com

[Erin Ulrich]

I took a look at your site, but there was an "Error Establishing a Database Connection." Please reply here when the site is back up, and I'll try again.

---

Erin Ulrich | Genesis Recommended Developer | Design by Insight

[desireejester]

Hi Erin! I'm so sorry it took me so long to get this fixed. The site is up and running now and I am still having the issue with the #inner div. I would greatly appreciate it if you could take a peek whenever you have a chance. Thanks so much!

http://www.testsite1.wideeyedwonders.com

[Author]

Posts