Is there a way to optimize my showclix form for mobile?

Support
#1

Currently, I’m not seeing the reduction in size on my showclix tickets portal when browsing mobile. Is there a way to fix this in the theme?

#2

Hello @mfrahm,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS to make necessary changes:

@media only screen and (max-width: 600px) {
    iframe{
  min-width: 100% !important;
}
}

Let us know how it goes.

Thanks.

#3

Thank you for your assistance… I tried implementing that, but it did not do anything for me. Any other suggestions? Thanks!

#4

Hello @mfrahm,

Above code is working fine on my end. Please see the screenshot. Have you removed the CSS as I don’t see the same on your website?

Can you please share login details in a secure note for us to take a closer look?

Thanks.

#5

Yep - i will share.

#6

It resizes properly when you shrink the browser down on a desktop computer, but when I view the portal on my mobile devices, it doesn’t shrink to the device width.

#7

Hello there,

Thanks for updating in!

To achieve this, you need to add a class by going to Customize tab of your Desktop Tickets section > Column 2.

Then update the CSS code to:

@media only screen and (max-width: 600px) {
    #tickets iframe{
      max-width: 100% !important;
   }
   .my-ticket-column {
      padding: 0 !important;
  }
}

Hope this helps.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.