[Mario Khattar]

Hi all,

The plugin works amazing but i am having issues with mobile responsive – the widget box is too large (on mobile only) and not responding to any changes in the settings regarding the size.

I’ve added screenshot of desktop (which is great size) https://ibb.co/4TwDLMf

but mobile is stuck on this size which is too large. https://ibb.co/4J6Wddn

How can i make the widget box for mobile smaller?

[Mario Khattar]

No problem, this is resolved. I found a similar question and solution provided in another post on this forum. Thanks!

Sorry, i couldn’t find an option to delete my initial post.

[Aakash Chakravarthy]

Hi Mario,

Thanks for using UFW plugin. Glad that the issue is resolved!

Thanks,
Aakash

[meisam alizadeh]

Hi Mario, how did you solve that problem, I have the same issue

[Mario Khattar]

Hi Meisam,
I can’t recall where the thread is that I found the solution but try something like this and adjust as needed in the advanced > additional css panel

@media screen and (max-width: 600px){
#ufw_1.ufw_pp .ufw_wb {
position: static;
margin: 1.5em 0 !important;
}

Otherwise contact the support they’re quite helpful.

[Aakash Chakravarthy]

Hi Meisam,

Please share details on this issue. A screenshot with a link your website would be helpful. I can share CSS to fix it based on that.

Thanks,
Aakash

[meisam alizadeh]

Thanks alot mario for your help🙏

[meisam alizadeh]

Hello Aakash,surr I will share ,but now Im not at office,later I will share 🙏thanks so much

[meisam alizadeh]

hello again
this is my site url:
http://www.polyfloriran.com
which i have issue of showing floating contact form in mobile devices
you check it now in mobile device, the form is going to footer of site and not as a floating object

[meisam alizadeh]

https://ibb.co/Lhq5Z8g screenshot of contact form issue

[Aakash Chakravarthy]

Hi Meisam,

I looked at your website and I do not see UFW’s CSS styles being loaded.

Do you use any caching plugin or any CSS/JS minifying plugin?

If yes can you please configure that and ensure wp-content/plugins/ultimate-floating-widgets/public/css/style.css file is loaded somehow?

Thanks,
Aakash

[meisam alizadeh]

Thanks Aakash for reply, but no good result yet
Yes i checked style.css in wp-content it is loaded
And i did put that css code which Mario told ,still not works fine
Yesterday after work time i desabled the floating plugin on mobile devices because its not showing correctly and didnt want visitors to see the site like that

[Aakash Chakravarthy]

Hi Meisam,

On the page below,
https://polyfloriran.com/%da%a9%d9%81%d9%be%d9%88%d8%b4-%d8%a8%db%8c%d9%85%d8%a7%d8%b1%d8%b3%d8%aa%d8%a7%d9%86%db%8c/

I can see the widget box opening fine on both desktop and mobile.

On this page,
https://polyfloriran.com/

I do not see the CSS and JS of UFW plugin loaded.
Like mentioned previously, please check if you have any other plugins (like minification, caching) to not load such CSS and JS styles.

Please see the images below.

Thanks,
Aakash

[meisam alizadeh]

thanks alot Aakash , yes i did check it and saw that on the link you sent me (hospital floorings) its working fine , just in homepage its not
im using WPRocket for caching and css/js compress , maybe thats the reason
i will check on plugin load, thank you so much for you help

[Author]

Posts