Support

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

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 10 years ago by Tony. Reason: Add space between media
• This reply was modified 10 years ago by Tony.