Hi,
When I add my own SVG mask on an image for instance, works fine from PC => https://prnt.sc/_qJAelAP9L9Y
But on mobile, looks not good => https://prnt.sc/zFYuRtVyB-_r
Any idea why?
Thanks
L.
Solved
SP Page Builder
SVG issue on responsive
Asked by Laurent
3 months ago
Last activity 3 weeks ago
Accepted answer
Marked as the solution
Toufiq Senior Staff
The development team has informed me that they have optimized it as much as possible. At this point, there is no further scope for additional control or improvement.
2 more replies
Laurent Asked this
see video attached in Hidden Content area.
here is svg :
<svg width="516" height="757" viewBox="0 0 516 757" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M369 426C382 498 444 570 437 636 431 702 379 744 337 756 295 768 271 697 227 696 183 696 149 775 118 752 87 729 94 647 71 582 47 517-3 486 0 426 3 367 59 343 85 286 111 228 102 189 130 137 158 85 192 14 227 25 262 36 276 141 306 192 335 242 362 232 375 279 388 326 357 355 369 426ZM516 77C518 107 504 148 478 162 453 176 413 164 389 147 365 130 359 105 359 77 359 49 368 21 389 8 411-5 441-1 467 12 492 26 513 47 516 77Z" fill="white"/> </svg>
Toufiq Senior Staff
Hi there,
Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. I will share your issue to our developer team. Onc, i've got an update from our dev team. I will let you know.
Best regards,
Toufiqur Rahman (Team Lead, Support)
Laurent Asked this
thanks
Toufiq Senior Staff
Could you kindly grant me access to your Joomla administrator area so that I can investigate the issue you're experiencing? Prior to providing access, please ensure that you have backed up your site. Additionally, it's important to note that providing login credentials is entirely voluntary on your part; we respect your decision either way. However, if you do choose to share the login details, it would greatly expedite the resolution process. Thank you for your cooperation.
Laurent Asked this
ok done in Hidden Content area.
image with mask is on page called page 1
Toufiq Senior Staff
Added custom css code to fix the desktop view. Viewport issue will add in the future update. Thanks
Laurent Asked this
where?
Toufiq Senior Staff
Check screenshot
Laurent Asked this
ok thanks.
correct me if I'm wrong, but this code fix only height on PC view, not responsive view?
Toufiq Senior Staff
Already, I told you view port issue will fix in the future update.
Laurent Asked this
ok thanks
Toufiq Senior Staff
You are always welcome :)
Laurent Asked this
hi,
do you know when it will be fixed?
Toufiq Senior Staff
Not yet. I’ve already informed our team about it. Thanks for the reminder!
Laurent Asked this
thx
Toufiq Senior Staff
You are most welcome & Thanks
Laurent Asked this
any news?
Toufiq Senior Staff
I hope they will try to add next update. Thanks
Laurent Asked this
ok thanks
Toufiq Senior Staff
You are most welcome & Thanks
Laurent Asked this
hi,
Is this issue fixed in 6.9.0 release?
thanks
Toufiq Senior Staff
Yes, Please check and let me know. Thanks
Laurent Asked this
Ok I check this out
Laurent Asked this
tested and problem NOT solved.
computer view => https://ibb.co/MkmTTGmS
and
tablet + mobile view => https://ibb.co/DgH3krFB
Toufiq Senior Staff
Can you reshare your login credential. Thanks
Laurent Asked this
ok done, see hidden content area.
Toufiq Senior Staff
Please check now. Thanks
Laurent Asked this
where exactly? which page ?
Toufiq Senior Staff
Please check page1
Laurent Asked this
works but not completely.
works around 50%.
we did a test on page 1 with your settings (we duplicated the addon).
we did the test on a row with 3 column and on a row with 1 column.
works fine on tablet + desktop.
but on mobile there is a strange behavior.
addon inside row with 3 column seems to be ok.
but addon inside row with 1 column does not look good (see video at 45 seconds)
here is a video in Hidden Content area.
Toufiq Senior Staff
Please check view ports with this screenshots.
Laurent Asked this
Yes, I can see how it looks in the SP Page Builder front-end admin interface, but that’s not what interests me.
It’s how it renders for the user in the browser.
And if you watch my video, you can clearly see that the responsive layout isn't working correctly on mobile.
Laurent Asked this
Ok I see.
thanks
Toufiq Senior Staff
You are most welcome! We appreciate your feedback and are delighted to hear that you're satisfied with our service.
To officially close this forum post, mark it as accepted. If you have any more questions or need further assistance in the future, please don't hesitate to reach out to us.
As for writing a review about our product and support quality, we would greatly appreciate it! Your feedback helps us improve and serves as a valuable reference for others. Please take a moment to share your thoughts about your experience with our product and the support you received. Your input is valuable to us and the community. Thank you in advance for your time and support.
We're here to assist you with any further questions or requests you may have. Once again, thank you for choosing our product and for being a part of our community.
Best regards,
Toufiqur Rahman
Team Lead, Tech Support (JoomShaper)
Log in to reply.