Support

Home Forums Event Espresso Premium Remove iCal button on mobile screen widths

Remove iCal button on mobile screen widths

Posted: September 25, 2018 at 6:06 pm

Viewing 3 reply threads


pcn

September 25, 2018 at 6:06 pm

Hello!

I’ve read the earlier posts that suggests a way to remove the iCal button from the registration page. Essentially adding this small piece of CSS to override existing CSS:

.ee-ical-sbmt {
display: none;
}

And it does work! However, I find that with narrower width screens such as phone and tablets, the iCal button returns. Is there another CSS snippet that I need to use to also remove the iCal button for these narrower screen widths?

Thank you!


Josh

  • Support Staff

September 25, 2018 at 8:39 pm

Hi,

Normally, no. I checked your site and it turns out the Swenson theme has a bit of CSS that interferes with the snippet you’ve added. In this case, you can change the CSS to:

.detail-area input.ee-ical-sbmt {
display: none;
}

and the greater specificity will win.


pcn

September 26, 2018 at 5:45 am

Thank you so much Josh!! It worked great! I was wondering if I had to climb up the tree a little further. We really appreciate your thorough and quick reply. – Brad


Josh

  • Support Staff

September 26, 2018 at 6:09 am

You’re most welcome.

Viewing 3 reply threads

The support post ‘Remove iCal button on mobile screen widths’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso