|
joshgray
|
September 6, 2018 at 12:47 am
Hi,
I’m having the same issue with the ticket selector getting cutoff on my single event pages as well as when using the Event Table View shortcode. I noticed another topic that seemed to have the same issue that was resolved here: https://eventespresso.com/topic/alternative-to-events-calendar-display-which-isnt-mobile-friendly/
However, I can’t seem to get the recommended fix to work on my pages. Here are the links to the pages that aren’t displaying correctly on mobile:
https://cellularrepairschool.com/events/dallas-cell-phone-tablet-repair-mastery/
https://cellularrepairschool.com/campus-programs/
Thank you!
|
|
Josh
|
September 6, 2018 at 7:28 am
Hi,
The fix will need to be specific to your WordPress theme in this case. So for example for the ticket selector and event list table, you can add the following CSS to your site’s Appearance > Customize > Additional CSS panel:
@media (max-width: 600px) {
.bSe table td {
padding-left: 5px;
padding-right: 2px;
font-size: 15px
}
.bSe table thead th {
text-align: center;
font-size: 17px;
}
.espresso-table-row td {
vertical-align: middle;
}
.bSe table td .a_register_link {
white-space: pre-line;
display: table-caption;
}
}
|
|
joshgray
|
September 6, 2018 at 7:03 pm
Thanks for this Josh. However this only works if I install onto the specific pages CSS, not in the global settings CSS as you mentioned. How do we get it to work across in the global settings as you described?
|
|
Josh
|
September 6, 2018 at 8:28 pm
It should make no difference whether the CSS is applied to a specific page or into a global stylesheet. When you add the CSS to the Additional CSS panel in the Customize settings page, you’ll need to be sure to hit the Publish button.
|
