|
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
|
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
|
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
|
