SKT Event icons not displaying properly

[Ali Mohammadi]

Hello, I am using the nightclub theme for the website of comedyville.ca. There is a little problem with the event icons on the Home page and the Events page on mobile view. The photos that are used show properly on Home Page at https://www.comedyville.ca/ but they are cut off at the bottom on the Upcoming Shows page at https://www.comedyville.ca/upcoming-shows/.

You can view the screenshot here,

https://pasteboard.co/S8nX7kfSzOkv.png

The issue is not visible when viewing the Responsive Mode on Elementor. Also, the issue does not happen when checking on desktop.

Let me know if you need more info.

Thanks!

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.column-event .event-image { height:auto;}
.column-event .event-image img { vertical-align:top;}
}

Regards,
Dave

[Ali Mohammadi]

Hello Dave, I have put the following in Custom CSS and still see the icons cut off from the bottom on the events page. The problem is online on mobile and not desktop.

Regards

[Sonnal S Sinha]

Hi,

Remove ????

@media screen and (max-width:479px) {
.column-event .event-image { height:auto;}
.column-event .event-image img { vertical-align:top;}
}

Replace ????

@media screen and (max-width:479px) {
.column-event .event-image { height:auto !important;}
.column-event .event-image img { vertical-align:top !important;}
}

Regards,
Dave

[Ali Mohammadi]

Hi Dave, I still see the same way on a mobile phone for the events page. I did replace the code.

I used this code:

#fixing-icons-on-events-page
@media screen and (max-width:479px) {
.column-event .event-image { height:auto;}
.column-event .event-image img { vertical-align:top;}
}

Regards

[Ali Mohammadi]

Sorry, I used this:

#fixing-icons-on-events-page
@media screen and (max-width:479px) {
.column-event .event-image { height:auto !important;}
.column-event .event-image img { vertical-align:top !important;}
}

[Sonnal S Sinha]

Hi,

This is done.

Regards,
Dave

[Ali Mohammadi]

Thanks, Dave, it’s working now. I appreciate the support.

[Sonnal S Sinha]

Welcome 🙂

[Author]

Posts