Events calendar description dont display on mobile divices WordPress
- SOLVED
Hello,
When using the events calendar "venue" description dont display on mobile divices.
I want to display all "date" "vanue" "location" and "buy ticket link" on mobile divices.
url to site: http://secondlinejazzband.com/#gigs
How can I solve that?
Answers (3)
Nilesh shiragave answers:
Did you checked is there any option in wp-admin to enable venue description for mobile devices? Otherwise you have to add custom CSS to show that.
User184709 comments:
I checked and there is no option for mobile device in wp-admin or theme options. Yes i need css to correct that. Can you help me with the css?
Nilesh shiragave comments:
Try this.
@media only screen and (max-width: 767px) {
.entry-event-list .event-venue
{
display:block !important;
}
ul#index-76819 li {
display: flex !important;
flex-direction: column !important;
}
.ticket-button{
width: 100% !important;
padding: 10px 10px !important;
}
}
Nilesh shiragave comments:
@media only screen and (max-width: 767px) {
.entry-event-list .event-venue
{
display:block !important;
}
ul#index-76819 li {
display: flex !important;
flex-direction: column !important;
}
ul#index-76819 li .ticket-button{
width: 100% !important;
padding: 10px 10px !important;
}
}
Try this
User184709 comments:
Great thanks! Is it possible to correct the "size" on the date? It looks weird now. I want it to display same size :)
User184709 comments:
Great thanks! Is it possible to correct the "size" on the date? It looks weird now. I want it to display same size :)
User184709 comments:
Great thanks! Is it possible to correct the "size" on the date? It looks weird now. I want it to display same size :)
User184709 comments:
Great thanks! Is it possible to correct the "size" on the date? It looks weird now. I want it to display same size :)
User184709 comments:
Great thanks! Is it possible to correct the "size" on the date? It looks weird now. I want it to display same size :)
Hariprasad Vijayan answers:
Hi, Try this css@media (max-width:481px) {
.entry-event-list .event-table-cell {
display: block;
padding: 0px;
border-bottom: none;
}
span.event-table-cell.event-location {
min-height: 20px;
margin-bottom: 0px;
}
}
