Welcome, Guest
Username: Password: Remember me
Discussion about the Yendif Event Booking & Management extension.

TOPIC: Responsive Grid View - [aec_events]

Responsive Grid View - [aec_events] 1 week 2 days ago #1442

  • Mehmet
  • Mehmet's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
Hi,

I am trying to add my events to a page using the shortcode below

[aec_events]

when I chose the grid view for this shortcode, it works well on the desktop. However, it is not responsive to mobile. How can I make it responsive
The administrator has disabled public write access.

Responsive Grid View - [aec_events] 1 week 1 day ago #1443

  • Super User
  • Super User's Avatar
  • Offline
  • Administrator
  • Posts: 271
  • Thank you received: 57
  • Karma: 14
Should be a conflict. Kindly get me your site link in where I can check this directly.
The administrator has disabled public write access.

Responsive Grid View - [aec_events] 1 week 1 day ago #1444

  • Mehmet
  • Mehmet's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
Hi,

Here is the link. As I said large version works fine, but the mobile version is not responsive (grid view). For your convenience, I placed the shortcode on an empty page

www.raindropaustin.org/membership/
The administrator has disabled public write access.

Responsive Grid View - [aec_events] 1 week 5 hours ago #1447

  • Super User
  • Super User's Avatar
  • Offline
  • Administrator
  • Posts: 271
  • Thank you received: 57
  • Karma: 14
This was a conflict from your theme's grid-base.css.

Our plugin uses bootstrap for the design and your theme also seems to be using bootstrap. We use the bootstrap's col-md-4 class when you set the column count to 3. The standard bootstrap library will reset the size of the column element to full width in small devices. But, your theme overrides the same class and always sets the width of the element to 33%. So, this issue was created by your theme's style-sheet.

Kindly try using the following CSS code,
@media (max-width: 768px) {
.col-md-4 {
width: 100% !important;
}
}
The administrator has disabled public write access.
The following user(s) said Thank You: Mehmet

Responsive Grid View - [aec_events] 1 week 5 hours ago #1448

  • Mehmet
  • Mehmet's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
Thank you it worked
The administrator has disabled public write access.
Time to create page: 0.132 seconds