Modern Events Calendar - booking date drop down not showing up or being cut off

[nlwebdesign]

After creating an event I am trying to test the booking feature. When I get to the drop down menu for the DATE it does not display correctly. When I click the drop down it shows the dates, but when the date is selected it does not show. Even without selecting a date it appears that it’s trying to show. I’ve tried this in Chrom, Edge, and Firefox, all have similar results.

Here’s the Event Page: http://websozo.com/wine/events/wine-education-sommelier-training-course/

Please help me get this resolved. I cannot use this plugin if it remains this way. This is the whole purpose of this website.

[ruenel]

Hello There,

Thanks for writing in! Regretfully I could not replicate the issue in the screenshot. When I checked the pages, this is what I am seeing:

Could this be a browser cache issue? Please clear your browser cache or use private browsing mode and test your site again.

Hope this helps. Kindly let us know.

[nlwebdesign]

In what browser did you try?
I’ve tested Chrome, Edge, and Firefox. Cleared cache on all. Tried incognito tab on Chrome. I also remoted into another computer and tested it on there. ALL have the same result.

Did you test multiple browsers?

[nlwebdesign]

Note: it works on Mobile, but is not showing properly on Desktop.
I tried safari and chrome on mobile, they both work, but desktop does not. I haven’t tried safari on desktop because I use a PC. Still, it doesn’t work in the dominant browsers, so I need help.

[ruenel]

Hello There,

I have check it in another browser and in another machine and I can confirm the issue. To resolve, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

body.mec-single-event .mec-events-meta-group-booking select {
    padding-top: 5px;
    padding-bottom: 5px;
}

Hope this helps. Please let us know how it goes.

[nlwebdesign]

This did not work for me. Please send an alternative solution.

[ruenel]

Hey There,

Sorry there was a typographic error in the code. Please use this instead:

body .mec-single-event .mec-events-meta-group-booking select {
    padding-top: 5px;
    padding-bottom: 5px;
}

Hope this helps. Kindly let us know.

[nlwebdesign]

Looks like that worked. Thank you.

[XSupport]

Glad to hear that