|
rickgman
|
July 4, 2017 at 11:51 am
My checkout page table section that has the Name and Description, QTY, Price and Total is too wide on my smartphone responsive devices. It works fine everywhere else and it’s only that section that has a problem. I tried the following CSS to try and rectify the issue:
@media screen and (max-width: 375px) {
.spco-ticket-info-dv .item {
display: table-row;
width: auto;
height: auto;
}
@media screen and (max-width: 375px) {
.spco-ticket-info-dv {
width: auto;
margin-right: 5px !important;
}
@media screen and (max-width: 375px) {
.spco-ticket-info-dv table {
width: auto;
margin-right: 5px !important;
}
Any help would be greatly appreciated.
Rick
|
|
rickgman
|
July 4, 2017 at 11:53 am
Sorry I am using WordPress 4.8 and EE Version 4.9.43.p and DIVI Version: 3.0.51
|
|
Josh
|
July 4, 2017 at 12:52 pm
Hi there,
Can you post a link to an event page so we can take a look?
|
|
rickgman
|
July 4, 2017 at 8:55 pm
On an iPhone or Android Smartphone go to http://conference.lifelinks.org/events/2017-engage-conference/
and then go to the checkout page. The Details Table (Name Description, Qty, Price, Total) is wider than my device screen. When I change the table size in CSS, the tables size as expected on my desktop but not on my smart phone devices. Thanks for your help.
|
|
Josh
|
July 5, 2017 at 10:34 am
Hi there,
This issue is actually caused by the Divi theme’s CSS, and you can fix by adding the following:
@media screen and (max-width: 500px) {
.entry-content tr td,
.entry-content tr th,
.entry-content thead th {
padding-left: 1em;
padding-right: 1em;
}
}
If possible, please contact Divi support about this issue and maybe they’ll address this in an update.
|
