Topic: GP forcing mobile view for Events Calendar on desktop

campaignagents
November 19, 2025 at 3:14 pm

I’m using GeneratePress with The Events Calendar on my clients website (SAF)

With all plugins deactivated except The Events Calendar, and GeneratePress as the active theme, my Events archive (/events/) displays in a narrow left column.

In the browser inspector I can see the wrapper .site-content has display:flex;. When I temporarily delete “flex”; in dev tools, the Events Calendar immediately becomes full-width and looks correct.

If I switch to the Twenty Twenty-Five theme (same site, same plugins), the Events Calendar is full-width and the Month grid works normally. So this only happens with GeneratePress active.

I’m not using any Layout Elements that target Events (only Header elements). Customizer → Layout → Sidebars is on the default settings. Changing global sidebar layout there doesn’t affect the Events archive.

Can you tell me which GeneratePress setting, layout element, or filter controls .site-content (and its display:flex) for the post-type-archive-tribe_events / Events Calendar archive, so that I can have a full-width layout without needing custom CSS?

Additionally – I have the same setup on another client website (ABWA) and everything it working fine. Both site links listed below.
Alvind
November 19, 2025 at 8:19 pm
Hi there,

There isn’t a Customizer option for that because it’s hard-coded. The only solution is to override it with custom CSS.

You can use this CSS that targets only the event archive page and changes the display property of .site-content:
```
.post-type-archive-tribe_events .site-content {
    display: block;
}
```
The ABWA site is probably still using the float layout, which is why it doesn’t have display: flex applied.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

GP forcing mobile view for Events Calendar on desktop