|
Tom
|
November 18, 2015 at 10:19 pm
The ticket quantity numeral in the pull down of the ticket selector disappears on the mobile version of my site. I have searched my theme and event espresso for the correct css setting to adjust the min width of this element but have not had any luck. Your input as always is appreciated.
|
|
Tony
|
November 19, 2015 at 6:32 am
Hi Lisa,
The ticket quantity dropdown on your site works fine for me on mobile, which device are you using?
Can you add a screenshot of what you see here please?
You’ll need to host the image somewhere and post the link for us to view, we have some examples of how to add screenshots here:
https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots
|
|
Tom
|
November 19, 2015 at 11:16 am
The selector renders fine when the device (an iPhone 6 in this case) is sideways:
But the numbers disappear when the phone is upright:
|
|
Tom
|
November 19, 2015 at 11:19 am
|
|
Tom
|
November 19, 2015 at 11:22 am
Sorry image not working.
|
|
Lorenzo Orlando Caum
|
November 19, 2015 at 11:36 am
Hi Lisa,
Your select boxes have some styling that is triggering this. It looks like this:
http://cl.ly/image/0b463k2L3W3O
For a workaround, I think we can reduce the width and remove the vertical line and keep the remaining styling
Try this CSS:
.espresso_events .selection-box:after {
width: 10px;
border-left: none;
}
.espresso_events select { padding: 15px 0 14px 10px }
It can be added to your theme’s stylesheet or through a plugin like Reaktiv CSS Builder or Simple Custom CSS.
—
Lorenzo
|
|
Tony
|
November 19, 2015 at 11:42 am
Ahh I see, looks its caused by you theme setting a width: 100% rule on select elements.
Try adding:
td.tckt-slctr-tbl-td-qty select {
width: auto;
}
To either you sites theme or using a plugin such as My Custom CSS or Reaktiv CSS Builder, you may want to wrap that within a media query to only target the select elemnt on small devices, such as:
@media (max-width: 480px) {
td.tckt-slctr-tbl-td-qty select {
width: auto;
}
}
|
|
Tom
|
November 19, 2015 at 11:43 am
That did it, thanks so much!
|
