Support

Home Forums Event Espresso Premium Mobile site not displaying events correctly. Can only book on desktop version

Mobile site not displaying events correctly. Can only book on desktop version

Posted: July 2, 2018 at 11:50 pm


Wolff_Tickets

July 2, 2018 at 11:50 pm

The desktop version of the event is showing correctly, however when using a mobile device the information for the event and the buttons to book are missing. The look to be centre aligned and appearing like they would on the desktop site. The mobile site does not allow you to try and slide to the other side of the page so you can only see information sitting on the left.


Tony

  • Support Staff

July 3, 2018 at 5:09 am

Hi there,

Can you link me to an event I can view this on, please?

EE doesn’t change the display based on the view, it uses your theme’s styles so it will most likely be down to your theme, however, I’ll know more when I can view the page.


Wolff_Tickets

July 3, 2018 at 4:45 pm

Hi Tony,
This is the link
http://www.wolffcoffeeroasters.com.au/courses/cupping-forum-aug-2018/
Thanks


Tony

  • Support Staff

July 4, 2018 at 10:20 am

Yeah, it’s your site’s theme.

Looking at your specialty coffee festival page – http://www.wolffcoffeeroasters.com.au/specialty-coffee-festival/

In chrome mobile mode, you can see the text is centered and shown half of the page – http://take.ms/k9qji

That’s not from EE but has the same issue, its just more obvious in the EE event page due to the amount of details.

The theme is setting the section-wrapper element to display as a table and the section-content to display as a table cell, that means they don’t flow with the page as it gets smaller.

TO fix that only for EE events you can use:

.single-espresso_events .section-wrapper,
.single-espresso_events .section-content {
    display: initial;
}

You can add that to Appearance -> Customize -> Additional CSS.

The theme has set those elements as they are for some reason so changing them globally may cause you more problems but you could also use:

.section-wrapper,
.section-content {
    display: initial;
}

For everywhere.

Although I’d recommend you contact the theme author for a better fix if you run into further issues with the content on various pages.


Wolff_Tickets

July 4, 2018 at 4:40 pm

Thank you

The support post ‘Mobile site not displaying events correctly. Can only book on desktop version’ 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Wolff_Tickets 2 months, 3 weeks ago ago

Topic Tags

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!