Church demo does not look similar (mobile view) - Support | Kriesi.at

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
May 10, 2021 at 6:13 pm #1299468

arnoutc
Participant

Hi Kriesi support,

I would like the same mobile view for a single event page, as for the church demo. Could you help me out please?
This is the view I want https://kriesi.at/themes/enfold-church/event/annual-festival-week/
But on my site it looks like this https://www.metgezel.org/agenda/individuele-coaching-met-paarden/.
To make a better comparison, I did a fresh import of the church demo content on a staging environment: https://www.staging2.arriebarrie.nl/event/annual-festival-week/

I hope you see what I mean, the content is missing any padding.
I’m using “updated calendar designs” by the way, since the legacy views will no longer be available as of August 03.

Hope you can help me out.

Best regards
Arnout Cornelissen

May 12, 2021 at 5:21 am #1299815

Rikard
Keymaster

Hi Arnout,

I can see some differences on my end too, but it’s not completely missing padding. Could you post a screenshot highlighting the problem, and let us know what you would like to change please?

Best regards,
Rikard

May 17, 2021 at 10:33 pm #1300821

arnoutc
Participant

Hi Rikard,

Please find my screenshots here:

One of the staging url:
https://www.awesomescreenshot.com/image/8339342?key=9ec81f0df3f9e63363388feff5f35d10
(you probably checked that one last time, but I just noticed I had the “updated calendar design” unchecked. With the Updated calendar design box checked, the padding is gone)

One of the website I’m trying to fix:
https://www.awesomescreenshot.com/image/8339343?key=b8fa4e90b1be6575f4ecf95dd935f1fd

This is the church demo page, how I want it to look:
https://www.awesomescreenshot.com/image/8339426?key=50f303d007e9d6128d738e5ea78dbc52

Hope to hear from you. Please let me know if anything is unclear.

Best regards,
Arnout

May 19, 2021 at 5:03 am #1301107
Rikard
Keymaster
Hi Arnout,

Thanks for the screenshots and clarification. Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (max-width: 767px) {
main.tribe-events-pg-template {
    padding: 0 10px;
}
}
```
Best regards,
Rikard
May 22, 2021 at 4:32 pm #1301754

arnoutc
Participant

Hi Rikard, thanks for your suggestion. I tried it, but unfortunately nothing changed.
Could you have a look and try it out in my test site? I will send you the credentials privately.
If you are able to fix it, please let me know how, so I can do the same on my clients website.
Thanks in advance.
Arnout

May 24, 2021 at 7:21 am #1301916

Rikard
Keymaster

Hi,

Thanks for the login details. I’ve adjusted it a bit for you, and it’s applying on your site now. Please let us know if there is something else which you would like to change.

Best regards,
Rikard

May 24, 2021 at 4:12 pm #1302046
arnoutc
Participant
Hi Rikard, thanks a lot, this looks much better! I added the quick css to my clients site and it works! Please see the result here https://www.metgezel.org/agenda/individuele-coaching-met-paarden/.

There is just one more thing, I’m curious if you can help out with that. The price on mobile is not nicely aligned once the mobile view is shown. Please see this screenshot to explain it better:
https://drive.google.com/file/d/1WoVxwZu2jG-SdKEOQUwcMPEvGpP59H0V/view

Do you know how to get it aligned with the start and end date text?

Best regards,
Arnout
- This reply was modified 3 years, 7 months ago by arnoutc.
May 26, 2021 at 5:26 am #1302345
Rikard
Keymaster
Hi Arnout,

Thanks for the screenshot. Please try this CSS as well:
```
@media only screen and (max-width: 767px) {
.tribe-events-schedule .tribe-events-cost {
    padding-bottom: 8px;
}
}
```
Best regards,
Rikard
May 27, 2021 at 8:07 am #1302545

arnoutc
Participant

Yes, this solves it! Many thanks Rikard! Really happy with the result. Excellent support!

Arnout

May 29, 2021 at 4:43 am #1302911

Rikard
Keymaster

Hi,

Great, I’m glad that you got it working, and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

May 30, 2021 at 9:08 pm #1303034

arnoutc
Participant

Yes, you can close the topic. Thanks again!

June 1, 2021 at 4:49 am #1303309

Jordan Shannon
Inactive Moderator

Hi,

I’m glad this was resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Church demo does not look similar (mobile view)’ is closed to new replies.