shortcode center events in the responsive view

  • Resolved ilgrizly

    (@ilgrizly)


    2 years, 3 months ago

    I have a problem with the shortcode and its style, I can’t center events in the responsive view of the smartphone, can someone help me?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Abz

    (@abzlevelup)

    Hi @ilgrizly, seems like there’s a padding that’s causing it not to center. I’d suggest a custom CSS for this one. Go to Appearances → Customize → Additional CSS and insert this Custom CSS here:

    @media only screen and (max-width: 600px) {
  .ecs-event-list {
    padding: 0;
  }
  .ecs-event-list .ecs-event {
    margin: 20px auto;
  }
}

    Kindly clear any caching after applying. See screenshot here: https://share.getcloudapp.com/L1uXj5vr

    Let me know how it goes. Have a great day.
    Best,
    Abz

    Thread Starter ilgrizly

    (@ilgrizly)

    I LOVE YOU <3 SOOO MUTCH ??

    Plugin Support Abz

    (@abzlevelup)

    Hi @ilgrizly, apologies for the delay here. I was out for a few days.

    No worries, if you have some time to review, that would be amazing for me → https://www.ads-software.com/support/plugin/the-events-calendar/reviews/.

    Moreover, I’d be closing this thread, and please do not hesitate to bump a new ticket on our way. We’d be glad to help you out.

    Best,
    Abz

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘shortcode center events in the responsive view’ is closed to new replies.