Detail pages not “Contained”

Hi @eventprimesupport do you need any more information on this?

Thanks

Russell

Hello Russell,

Thanks for your feedback and support.

To achieve the desired result, please navigate to: “Events -> Settings” sub-menu, and under the “Custom CSS” tab please add the following CSS in the TextArea:
#ep_single_frontend_view_container {
max-width: var(–container) !important;
margin: auto !important;
}

#ep_single_event_detail_page_content {
max-width: var(–container) !important;
margin: auto !important;
}

I hope this solves the issue for you, for any further assistance please feel free to reach out to us.

Always happy to help!

That’s perfect! Just what I wanted. Thank you so much!

It’s for speedy support like that, and frequent releases, that I’ve just purchased the Business Plan. I could make do with the free version but I also want to support what you’re doing here.

Thanks for the great plugin!

Russell

Hi @eventprimesupport, unfortunately this issue (detail pages not “Contained”) appears to have crept back in on my site at some point :(.

Checking my Custom CSS tab I’ve got the following code (which includes another fix for a recent issue you kindly supplied)…

ep_events_front_views_rows .ep-event-list-item .ep-text-truncate { overflow: visible !important; text-overflow: unset !important; white-space: normal !important; } #ep_single_frontend_view_container { max-width: var(–container) !important; margin: auto !important; } #ep_single_event_detail_page_content { max-width: var(–container) !important; margin: auto !important; }

… any ideas what’s going wrong?

Many thanks in advance for your help, as always.

Russell

Hello Russell,

Sorry to hear that the code isn’t working. I am sending a new CSS code snippet. Please use it and it should fix your problem. Let me know if you need further help with it.

@media (min-width: 960px){
.neve-main > .single-post-container .nv-single-post-wrap.col {
max-width: 100% !important;
}
}
#ep_single_frontend_view_container {
max-width: var(–container) !important;
margin: auto !important;
}

No joy I’m afraid. I added your suggested text to the Custom CSS field, so the text now looks like this…

@media (min-width: 960px){ .neve-main > .single-post-container .nv-single-post-wrap.col { max-width: 100% !important; } } #ep_single_frontend_view_container { max-width: var(–container) !important; margin: auto !important; } #ep_events_front_views_rows .ep-event-list-item .ep-text-truncate { overflow: visible !important; text-overflow: unset !important; white-space: normal !important; }

… but the issue remains.

I’m keen to keep the CSS fix supplied in this post – https://www.ads-software.com/support/topic/wrap-title-text-when-events-displayed-in-stacked-rows-view/ hence the additional text vs your suggestion above.

Does it matter about the order?

Many thanks

My bad. I forgot to paste the code snippet inside the code block and therefore it was modified by the text editor. I am pasting it below again. Please make sure, you replace the previous code with this one.

@media (min-width: 960px){
.neve-main .single-post-container .nv-single-post-wrap.col {
max-width: 100% !important;
}
}
#ep_single_frontend_view_container {
max-width: var(--container) !important;
margin: auto !important;
}

I can understand it must be frustrating for you. But I am quite sure, it should work this time.

Always happy to answer your questions.

• This reply was modified 6 months, 2 weeks ago by EventPrime Support.

Thanks for your reply. So the text in my Custom CSS field currently looks like…

@media (min-width: 960px){ .neve-main .single-post-container .nv-single-post-wrap.col { max-width: 100% !important; } } #ep_single_frontend_view_container { max-width: var(--container) !important; margin: auto !important; } #ep_events_front_views_rows .ep-event-list-item .ep-text-truncate { overflow: visible !important; text-overflow: unset !important; white-space: normal !important; }

… and I’ve checked the appearance of both the Home page and Events page on both my MacBook and iPhone 12 mini. The outcome I want is for the Event pages to be “contained” and the Title Text of each Event to wrap in Stacked View. The results of my tests are as follows…

When viewed on my MacBook, the Event pages are contained and the Title Text wraps for both the Home page and Events page. Perfect result!

But… when viewed on my iPhone 12 Mini, although the Event pages are contained, the Title Text now no longer wraps on the Home page (but the text does wrap when viewing the Event page).

I’ve repeated the tests using an Android phone and get the same result as per the iPhone Mini (Title Text does not wrap when viewing the Home page but does for the Event page).

Because I get the same behaviour on both iPhone and Android, it feels like whatever rendering is being done for a mobile/narrow view is upsetting the Title Text wrapping piece, but only on the Home page???

Feels like it’s so close… and I’m now so invested in getting this sorted! I’m sure you’ve got better things to do with your time, but if it’s possible to get the Title Text wrapping on the Home page I’d be eternally grateful!

Thanks again for the assistance and speedy support – really appreciated!

We have checked on our end and found the title text wrapping works correctly on both the Home and Events pages, even on mobile devices. Could you please share screenshots to help us understand the discrepancy?

Thank you for your cooperation and patience.

Checked again and the issue now appears to be resolved. Thanks for your help (as always).