Svg element styles interfering with each other

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

Add comment

Michał Duszak staff answered 2 years ago

0 0 Best answer

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

Add comment

Write

Create snippet

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

demzl25

197Support score
55Questions 2Answers 224Snippets