Calendar & Dropdows are not mobile responsive

Hi @djdaniel,

All the dropdowns should we working fine all the way down to 325px screens, and when I test it on my end it looks fine there.
It seems that you don’t have any dropdowns active on your test page at the moment so I couldn’t check this further there.

Could you re-enable dropdowns and let us know here when we can have another look?

Cheers,
Predrag

It’s a calendar, active, on my test page with 2 ways of dropdown, single calendar and select day, month, year.

I also added a selective dropdown to the test.

The same problem comes out of the mobile screen.

It could be from the theme or a css mediascreen bug

Clearly something is…dropdown selector, calendar, day/month/year selector…everything that is dropdown is not responsive on mobile.

https://www.fotobotez.com/test/

• This reply was modified 4 years, 1 month ago by djdaniel.
• This reply was modified 4 years, 1 month ago by djdaniel.

Hi @djdaniel

I may be missing something but I don’t see the dropdown on your website.

But I do see some options on source code “Something Option 2”, “Something Option 3″…

There is a JavaScript error from your Instagram plugin, could you please try to disable this plugin and we can remove a possible JavaScript conflict from the troubleshooting test?

Best Regards
Patrick Freitas

I turned it off.

But I don’t understand how you don’t see the dropdown … it’s there, in front of me, I’m looking at it … It’s country sensitive? ??

I also activated the menu and the footer on the test page, in order to see everything.

https://www.fotobotez.com/test/

Printscreen

• This reply was modified 4 years ago by djdaniel.
• This reply was modified 4 years ago by djdaniel.
• This reply was modified 4 years ago by djdaniel.

Hi @djdaniel

I do see it now, yes, that’s weird for some reason it wasn’t showing before, I guess it was the Instagram plugin JS issue.

For the dropdown issue, there is a margin from the Theme CSS using !important.

this is not a good practice as the !important for a theme file as takes the priority.

We will need to override the CSS using a stronger selector.

Can you please try to add the following CSS on WordPress > Appearance > Additional CSS or Forminator > Form > Appearance > Custom CSS:

.forminator-ui .forminator-row .forminator-dropdown-list{
    margin: 0 !important;
}

https://monosnap.com/file/hvt4fcO9R8qBQxUnwZi8yypHXH6p69

Let us know the result you got.
Best Regards
Patrick Freitas

Hi @djdaniel

The screenshot from the Theme CSS code:

https://monosnap.com/file/ONkmUlzcwtnBCinLpZ3lmSH2rV5dGv

Best Regards
Patrick Freitas

It works for the dropdowns.

It doesn’t work for the calendar.

Thank you anyway!

It’s a exceptional plugin, I will not use the calendar, it’s not a big problem for me.

It is clear that it conflicts with the theme or a plugin or with VC…

• This reply was modified 4 years ago by djdaniel.

Hi @djdaniel

It is probably the calendar requires a different selector, if you would like to add it back to the page we can find the fix for this too.

Best Regards
Patrick Freitas

It’s there, give a browser refresh, I actived and deactiveted again Instagram.

I purge all caches on my side.

• This reply was modified 4 years ago by djdaniel.

By the way, because you are still so kind (extraordinary support), for the topic regarding the reset button, see here what I mean in a live form:

https://www.fotobotez.com/preturi-foto-botez/

How good would be a reset button next to submit. I am firmly convinced that absolutely everyone who uses Forminator wants to have a reset button … only that, they don’t know it yet… ?? ??

And you will se for the date, instead a calendar, I put an text imput.

• This reply was modified 4 years ago by djdaniel.

Hello there @djdaniel

Your testing page is returning a 404 (not found) at the moment so I couldn’t further check.

As for a “reset” button on the frontend, this is something that has been requested in the past and it’s been tasked by our developers as a future improvement. I really can’t provide any ETA on this though.

Thank you,
Dimitris