responsive issue/bug

Hey so I am trying to solve a bug fix on my agencies website. It works well on safari and other extensions but glitches terribly on the social media sites such as instagram. I narrowed down the problem to be a vector svg but i have no clue how to fix it. It make a white block come up out of nowhere and messes up the scrolling. The svg has a class name "vector3" Checkout my repo https://github.com/roycejwilliams/REVITAL
GitHub
GitHub - roycejwilliams/REVITAL: Website for REVITAL
Website for REVITAL. Contribute to roycejwilliams/REVITAL development by creating an account on GitHub.
2 Replies
13eck
13eck16mo ago
Please refrain from reposting the same question in the future. It breaks rule 2
Puffy Empress
Puffy Empress16mo ago
Hi there, I'm not sure if this will fix the issue but I'd suggest setting the height and width of the svg inline. The thing to remember is that svg has it's own document object (not sure if that's the correct way to put it) and it may be possible that explicitly setting the width and height as specified in your stylesheet could be affecting the svg document but not the element itself. Another alternative would be to try scaling the svg and see what happens
Want results from more Discord servers?
Add your server