Date Picker Conflict with Pro Theme

Support
#1

My date picker is not working (Layout is not correct) due to theme conflict. Tried to deactivate all plugins but still the issue persists. The date picker works fine on mobile but on web desktop view, the date picker is not correct.

#2

Hello @RMnisperos,

Thanks for writing in!

Please add following CSS under Pro > Theme Options > CSS:

.md-datepicker-calendar-pane.md-pane-open {
    margin-right: 20px !important;
    right: 30px !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.