Mobile Event View (Text Cut Off)

[worldgolfskills]

Hello. If you got to one of my events (http://events.worldgolfskills.com/event/world-golf-scramble-the-meadows-gc/) on mobile, you’ll notice that the text on the right hand side is being cut off and not showing completely. People have been notifying me of misspellings on our page when it just happens that the text is being cut off. Can you please advise as to what I might be able to do to resolve this issue?

Thanks!

[George]

Hey Paul,

This issue is stemming from some CSS in your theme – it seems there’s a generic style that is applying a 5% left-margin to many elements on the page, which pushes the content a bit and thus leads to some of the cutting-off issues you’ve reported here.

To compensate for that 5% margin, I went to your page and tested out changing the default Events content width from 100% to 95%, which seemed to work well for me – see if it does for you, too, by pasting some CSS like the following to the bottom of your theme’s style.css file:

.single-tribe_events .tribe-events-content {
    width: 95% !important;
    max-width: 95% !important;
}

I hope this helps!

Cheers,
George

[worldgolfskills]

Fantastic! Thanks so much for your quick response and all of your assistance! It’s much appreciated!

[George]

Awesome! Best of luck with your site Paul, and be sure to keep a backup of this CSS and/or a bookmark to this forum topic for reference – if you auto-update your theme in the future (which you should do!), you risk losing that custom CSS. If you have a backup or this forum thread to refer back to, it should be a quick fix to add the code back in 🙂

Cheers!
George

[Author]

Posts