SVG Issue On Responsive
Laurent
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.
35 Answers
Order by
Oldest
Laurent
Accepted Answersee video attached in Hidden Content area. here is svg :
<svg width="516" height="757" viewBox="0 0 516 757" fill="none" xmlns="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
Accepted AnswerHi 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)
Toufiq
Accepted AnswerThe 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.
Toufiq
Accepted AnswerCould 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.
Toufiq
Accepted AnswerAdded custom css code to fix the desktop view. Viewport issue will add in the future update. Thanks
Laurent
Accepted Answerok thanks. correct me if I'm wrong, but this code fix only height on PC view, not responsive view?
Laurent
Accepted Answertested and problem NOT solved.
computer view => https://ibb.co/MkmTTGmS
and
tablet + mobile view => https://ibb.co/DgH3krFB
Laurent
Accepted Answerworks 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
Accepted AnswerPlease check view ports with this screenshots.
Laurent
Accepted AnswerYes, 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.
Toufiq
Accepted AnswerYou 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)