rene-michaels

Yes indeed, that worked! Thank you for the follow up!

Any word on this?

FYI …you will need to roll back Ocean Extra if you want the old customizer back.

I’ll chime in…

What helped is the message on the plugins page in our backend on the Ocean Extra plugin. I missed this because I had auto updates enabled for Ocean Extra. I wont make that mistake again!

I don’t know if adding a “caution” message on the theme updates page is possible, but that would have helped as well.

Lastly, not sure if this is a factor in your decision making when updating the theme, but don’t assume everyone uses Elementor and Block editor.

• This reply was modified 1 month ago by rene-michaels.

Don’t forget to disable auto updates afterward if you have those enabled.

The fix for me came after rolling back OceanWP theme to 3.6.1 AND Ocean Extra to 2.3.1. The Ocean Extra rollback is what brought the old customizer back. I did this by downloading the old versions and uploading the files via FTP to overwrite the new versions. Don’t forget to disable auto updates afterward if you have those enabled.

The fix for me came after rolling back OceanWP theme to 3.6.1 AND Ocean Extra to 2.3.1. The Ocean Extra rollback is what brought the old customizer back. I did this by downloading the old versions and uploading the files via FTP to overwrite the new versions. Don’t forget to disable auto updates afterward if you have those enabled.

He failed to mention you need to rollback Ocean Extra to get the old customizer back. I rolledback Ocean Extra to v2.3.1 and got the old customizer with all the extra settings that were missing in the new one.

Here’s the link to older versions of Ocean Extra
https://docs.oceanwp.org/article/800-ocean-extra-rollback-versions

3.6.1 rollback fixed things! Except I am missing several customization options that were there before. What is going on with the customizer?

• This reply was modified 1 month ago by rene-michaels.

Not sure what you are looking at but that is not my form.

Here’s a screenshot of the behavior after a user submits my form:
https://renemichaels.com/tempfiles/Screenshot-20241016-1.jpg

Here’s the export:
https://renemichaels.com/tempfiles/forminator-request-an-appointment-form-export.txt

Disregard the above. This needs to work on any size screen in any orientation. With that, I created a link to a page with the form instead of using a modal which is a workaround for now.

Below is a revision with my theme breakpoints, but I’m having difficulty determining what the “top:250 !important!” should be for each width?

@media only screen and (max-width: 320px) {
#ui-datepicker-div {
top:250px!important;
}

@media only screen and (max-width: 480px) {
#ui-datepicker-div {
top:350px!important;
}

@media only screen and (max-width: 767px) {
#ui-datepicker-div {
top:450px!important;
}

@media only screen and (max-width: 1080px) {
#ui-datepicker-div {
top:550px!important;
}

@media only screen and (max-width: 1280px) {
#ui-datepicker-div {
top:650px!important;
}

Any suggestions?

The code you supplied (below) worked on mobile but nowhere else

#ui-datepicker-div {
top:250px!important;
}

So I tried media queries, but I’m guessing at the “top” height and none of these worked including mobile

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#ui-datepicker-div {
top:250px!important;
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#ui-datepicker-div {
top:550px!important;
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	#ui-datepicker-div {
top:850px!important;
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	#ui-datepicker-div {
top:1200px!important;
}

Are y’all still supporting this plugin? If so I would love to continue using it and need help on this support issue!

That fixed the top bar display on mobile but totally screwed up the main menu display on mobile. I changed your CSS and took out the “site-navigation-wrap,” part as noted below and that seems to have fixed it.

@media (max-width: 1080px) {
#top-bar-nav, .oceanwp-social-menu, .after-header-content {
display: block !important;
}

Thank you for the assistance!