Topic: Svg element styles interfering with each other

demzl25 premium asked 10 months 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 10 months ago


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


demzl25 premium commented 10 months 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



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

  • User: Premium
  • 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