Support

Home Forums Event Espresso Premium ESPRESSO_EVENTS looks odd on mobile

ESPRESSO_EVENTS looks odd on mobile

Posted: October 27, 2016 at 12:36 pm


botanica

October 27, 2016 at 12:36 pm

I would like ESPRESSO_EVENTS to look the same as the archive page, and I am not sure why the code looks completely different between the two pages on MOBILE:
http://botanica.org/events/
http://botania.org/events1/


Josh

  • Support Staff

October 27, 2016 at 1:22 pm

The difference is from the way your WordPress theme wraps html around each post. In order to get the two to look the same, you’ll need to apply the html markup from the Event Espresso short code template to the theme’s single.php template.


botanica

October 27, 2016 at 1:49 pm

Let me know if I am doing this incorrectly, but I copied the code from content-espresso-event.php to single.php, but the content still looks the same as before.


botanica

October 27, 2016 at 7:32 pm

For reference I have moved the page to http://botanica.org/test/.


Josh

  • Support Staff

October 28, 2016 at 8:25 am

It looks like you have <pre> tags wrapped around the [ESPRESSO_EVENTS] short code. You can switch the page editor mode to “Text” and remove those pre tags and everything will look much better.

As an aside, copying code from content-espresso-event.php to single.php would not be the correct way to make the short code output look more like your theme. You might find that removing those pre tags is sufficient, along with a bit of CSS to change the styles a bit.

The support post ‘ESPRESSO_EVENTS looks odd on mobile’ 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