|
scvadmin
|
November 9, 2017 at 3:44 pm
The event registration displays fine on desktop, but when the same page is opened on mobile phones the content of the event registration doesn’t format to mobile and isn’t confined to the screen size and you have to scroll sideways to view. How does this get fixed?
http://www.scv.org/new/2018-stephen-d-lee-institute/
|
|
Tony
|
November 10, 2017 at 3:57 am
Hi there,
Rather than using the iFrame embed on that section you can use the [ESPRESSO_TICKET_SELECTOR event_id=xx] shortcode. If you click on the ‘shortcode’ button within the event editor EE will build out the shortcode for you – http://take.ms/coGKs
|
|
scvadmin
|
November 10, 2017 at 1:18 pm
Hey Warwick,
Tried that, and I have the same result. The current page has the shortcode running. What needs to be done to fix this. I see the same from the event permalink. http://www.scv.org/new/events/stephen-d-lee-institute/
|
|
Josh
|
November 10, 2017 at 2:12 pm
Hi there,
The Avada theme has this errant style:
fusion-6007.css…39&ver=4.8.3:2
@media only screen and (max-width: 640px)
.table-1 td, .table-1 th, .tkt-slctr-tbl-wrap-dv td, .tkt-slctr-tbl-wrap-dv th {
white-space: nowrap;
}
You can override the above by adding the following to your custom CSS editor:
@media only screen and (max-width: 640px){
.tkt-slctr-tbl-wrap-dv td, .tkt-slctr-tbl-wrap-dv th {
white-space: normal !important;
}
}
Can you contact Themefusion and ask them to remove that errant style from the Avada theme? Others using Avada will run into the same issue.
|
|
scvadmin
|
November 13, 2017 at 6:41 pm
I added the code provided to the custom CSS and I still have the same issue.
|
|
Josh
|
November 13, 2017 at 7:07 pm
That’s actually a new issue. You can fix that one with the following CSS:
@media (max-width: 640px) {
.event-tickets table tbody tr td {
font-size: .8em;
}
.tckt-slctr-tbl-td-name a {
display: block;
}
.tkt-slctr-tbl-wrap-dv tr td {
padding: 1em 0 1em .5em;
white-space: normal;
}
}
|
