Support

Home Forums Event Espresso Premium Buttons do not work on mobile devices

Buttons do not work on mobile devices

Posted: May 7, 2015 at 3:29 pm

Viewing 3 reply threads


Super Tuner Show

May 7, 2015 at 3:29 pm

The registration or ticket buttons do not work on mobile devices. Please help


Lorenzo Orlando Caum

  • Support Staff

May 8, 2015 at 5:48 am

Hi, could you provide a link to an event so we can take a look on a mobile device?

Thanks


Lorenzo


Super Tuner Show

May 8, 2015 at 5:49 pm

http://supertunershow.com/events/sts-resorts-world-casino-new-york-city/


Tony

  • Support Staff

May 11, 2015 at 5:17 am

Hi,

Your theme is assigning this rule:

[class*="span"] {
  position: relative;
}

Which on mobile devices is causing the Sidebar to load over the top of the content. I tink there may be other media queries also effecting this.

I’m not sure exactly why your theme is doing this, but you can overrule this for the Event Espresso events page using:

@ media (max-width: 768px) {
	.single-espresso_events .sidebar {
 		position: static;
	}
}

Which targets only devices up to a with of 768px and sets the sidebar position to static (default) only within EE pages. That will then allow you to use the buttons as expected.

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.

*Note the forum see’s “@media” as a link so I have added a space between @ and media, remove this space when you add these styles to your site

  • This reply was modified 9 years, 6 months ago by Tony. Reason: Add space between media
  • This reply was modified 9 years, 6 months ago by Tony.
Viewing 3 reply threads

The support post ‘Buttons do not work on mobile devices’ 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