Yendif Store - Yendif Store: Responsive Grid View

Welcome, Guest

TOPIC: Responsive Grid View - [aec_events]

Responsive Grid View - [aec_events] 3 years 4 months ago #1442

Mehmet 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] 3 years 4 months ago #1443

Super User Offline Administrator Posts: 333 Thank you received: 71 Karma: 17	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] 3 years 4 months ago #1444

Mehmet 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] 3 years 4 months ago #1447

Super User
Offline
Administrator
Posts: 333
Thank you received: 71
Karma: 17

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