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.
12 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 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?