Violating container when child theme activated

[William]

Hello!

I just noticed my calendar content overflows beyond the container when the screensize falls below a certain point (around 800px I would guess). After some troubleshooting, I realized this is triggered by activating a child theme. In the interest of eliminating variables, I’ve been using the 2016 theme throughout. I just tried a fresh install on my local machine, no plugins (aside from yours) — was fine with regular 2016, but problem kicked in as soon as I activated a child theme. No customizations – just the basic functions.php to enqueue styles and the blank css file with theme info at the top, no rules.

Setting aside the question of why a child theme that isn’t adding any customization would cause a weird issue like this, wondering if you might have a suggestion for how to wrangle the content back into the box? Maybe a nice little CSS rule?

Thanks!

(Attached: Screen shot with browser window sized down. There should be equal margin on the right as the left with this theme. If I’d filled out the description you’d see some text actually cut off.)

[George]

Hey @William,

Thanks for reaching out. Can you activate your child theme on a live site and produce these issues on that live site? Then, share a link to where we can see this limitation firsthand—I will take a look and try to spot the issue.

Thank you!
George

[William]

Sure thing:

You can see it here: http://upcal.staging.wpengine.com/events/

[George]

Thanks William!

While this is something you’ll mostly have to take the reins on yourself, I took a quick look at things and would recommend trying to add the following CSS to your theme/child-theme’s style.css file:


@media (max-width: 900px) {

.events-archive .entry-content,
.events-archive .entry-header {
width: 84.6154% !important;
}

.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
margin-left: 7.6923% !important;
margin-right: 7.6923% !important;
}
}

You can tinker with the numbers and such, of course, but I hope this helps!

George

[William]

Thanks, worked like a charm!

[George]

😀

[Author]

Posts