|
azlro
|
August 16, 2021 at 8:52 pm
Our site just went live and mobile users cannot click on buttons, pull downs, links on event pages. Everything works great on desktop sites.. Not sure where to look? Theme problem? we are using Kordex.
|
|
Tony
|
August 17, 2021 at 5:46 am
Hi there,
Yeah, it’s a theme issue, the sidebar is being overlaid over the content.
So the search bar element shown here:
https://monosnap.com/file/baJ8LycTmMkVYFse29kYCe1GBrIOwt
Covers almost all of the content on the page.
One option is to simply hide the search bar on mobile:
@media only screen and (max-width: 600px) {
.single-espresso_events #sidebar {
display: none;
}
}
You may want to use a smaller screensize for the above, but that should fix the single event pages (I can’t test the registration pages as they require login).
Add that to Appearance -> Customize -> Additional CSS.
|
|
azlro
|
August 17, 2021 at 9:17 am
Thanks Tony, it seems to have fixed it for Mobile, but not Tablets… is there a different snippet of CSS for tablet?
|
|
Tony
|
August 17, 2021 at 9:36 am
Try using 800px rather than 600px, so:
@media only screen and (max-width: 800px) {
|
|
azlro
|
August 17, 2021 at 9:44 am
that worked.. you’re a lifesaver.. thanks!
|
|
azlro
|
August 17, 2021 at 9:47 am
ok , I take that back, still doesn’t work on ipad, resolved on some tablets, android.
|
|
Hazel Apuhin
|
August 18, 2021 at 5:35 pm
Hi there,
Following what Tony said above, you can replace the dimension of the max-width between 481px to 768px. There is no standard exactly defined, but these are commonly used widths of iPads and Tablets.
You can also refer to this helpful link for the width dimensions of different devices.
Did this resolve your issue?
Thank you!
Hazel
|
|
azlro
|
August 18, 2021 at 6:56 pm
I set it to 1024 and that seems to work for all my devices… thanks!
|
