1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Svg element styles interfering with each other

demzl25 priority asked 2 years ago

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

Michał Duszak staff answered 2 years ago

Hello, could you be more specific about this issue? As I can see waves work perfectly in both snippets

demzl25 priority commented 2 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
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Priority
  • 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
Tags
waves animation hamburger-menu svg
About author
demzl25
197Support score
55Questions 2Answers 222Snippets