Topic: Svg element styles interfering with each other
Hi,
Need help Svg styles of Hamurger menu icon and Page header waves are interfering with each other.
Expected behavior Is that Hamurger menu icon animation and Page header waves are working. Here is example of waves animation: https://mdbootstrap.com/snippets/standard/demzl25/3653498#css-tab-view
Actual behavior https://mdbootstrap.com/snippets/standard/demzl25/3652599#css-tab-view
Thanks,
Damjan
Hello, could you be more specific about this issue? As I can see waves work perfectly in both snippets
demzl25 pro premium priority commented 3 years ago
Hi,
I have found solution on Google search few minute ago. Issue was that one svg didnt have custom class and this was interfering with styles of both svg. I have add custom class to the svg and now everything is working properly.
Thanks,
Damjan
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 3.10.2
- Device: Pc
- Browser: Chrome 97.0.4692.99
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes