Conflict with Date Picker

Hi Hazel. Can you post a link to your site? Hard to tell what the conflict might be without seeing the actual page.

Hi bdbrown

Thanks for the reply. ??

https://www.freebirthdatelottery.com

I’ve created test member account:

username: bdbrown
password: password

https://www.freebirthdatelottery.com/birthdate/

Hi Hazel,
can you please explain what it mean “It only started after Hueman update”.

So might be I’ll help you.

Before I updated to last Hueman update it was working/displaying fine. Once I updated Hueman the year dropdown and month arrows don’t display as in the screen shot. When I change to default WP theme it works ok again, so it’s definitely the Hueman theme causing a conflict.

Can you just put this css in your style and check year dropdown will show properly as you mentioned in seceenshot and arrows are showing for me.

.um input, .um select, .um textarea {
  display: inline-block;
  font-size: 15px;
  margin: 0 15px 0 -75px;
}

Hope be this will help.
If any issue let me know.

Hi, thanks so much, yes that works great now.

The only other problem is the date picker is stuck to the top of the page, which doesn’t happen with default theme.

https://snag.gy/BquZc.jpg

Thanks again.

Its looking better for me in firefox.
https://www.diigo.com/item/image/5fjui/8iwc

Again if you need some extra space at top just add margin/top for popup like below:

.picker--opened .picker__frame {
  bottom: 0;
  top: 180px;
}

Sorry but that CSS isn’t moving the date picker down :/

Got it working, for other people’s reference:

.picker__wrap {
margin-top: 180px;
}

Thanks very much for your help Baikare Sandip.

Oh that code totally messes up my site ??

I will post it if I figure it out.

That CSS seems ok now, maybe just cache problem.

Thanks.

Always Welcome Hazel ??