Docs

[Imran Mughal]

I’m using The Events Calendar plugin by Modern Tribe on a new site that I’m working on. I’ve configured it to use the “Blank, NO Container – Header, Footer” template, but the page still bleeds past the margins. Not sure what I’m missing here.

Here’s a link to the page: http://sierra.imranmughal.com/events/category/event/

I’m inclined to think this might be an issue on the Theme side because when I do the same using the “Blank – Container, Header – Header, Footer”, the page renders just fine.

Any help you can provide would be greatly appreciated.

[Darshana]

Hi there,

Thanks for writing in! Could you please try adding the following CSS rule into your Customizer, Custom > CSS area.

#tribe-events {
    margin: 40px;
}

Hope that helps.

[Imran Mughal]

Yeah, I did that but it simply adds a 40px margin. What I really want is for the calendar to be flush with the header — so the that the left and right sides of the page line up.

For now, I’ve gone in and manually added a width: 1200px; which seemed to do the trick, but I was wondering if there was a more elegant way so that the page would degrade gracefully on all devices.

[Rupok]

Hi there,

Thanks for writing back. You can use max-width: 1200px; instead of width: 1200px; so that it won’t affect the smaller screens.

Cheers!

[Author]

Posts