|
seanrspence
|
June 26, 2023 at 9:47 am
Good morning. The event ticketing page is not adjusting to mobile screen size.
https://www.dropbox.com/s/031wgr286aez9iz/Screenshot_20230623_141703_Chrome.jpg?dl=0
I did search the forums and found these directions (below). Is that correct for what I need or is there updated / different CSS?
Thank you.
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;
}
}
|
|
Rio
|
June 26, 2023 at 4:52 pm
The theme using big font ant it affected the one we have their by default, as we’re using “em” on the styling.
Can you add these on your styling.
@media only screen and (max-width: 500px) {
.tkt-slctr-tbl-wrap-dv{
font-size: 1em;
}
td.tckt-slctr-tbl-td-name {
display: flex;
flex-direction: column;
}
.tkt-slctr-tbl {
overflow-x: unset!important;
}
td.tckt-slctr-tbl-td-name a {
padding-left: 0px;
margin: 0;
}
.tckt-slctr-tkt-details-dv{
max-width:250px
}
.event-tickets{
font-size: .9em;
}
.tckt-slctr-tbl-tr > td{
margin-bottom: 30px;
}
.tckt-slctr-tkt-details-tbl{
min-width:unset;
}
}
|
