Change content on hover

[Nopelken]

I want to change the content when hovering a drop down menu part.
But when changing the arrow, the dropdown menu ain’t working anymore

How to put my code in here ?

[Beverleyh]

You can demo a reduced version of your menu/the issue in codepen.io

[Nopelken]

So, I named it “Content dropdown”.
so, where “Informatie” is, hovering you’ll “Grafiek”, when hovering arrow must be changed in arrow right, and dropdown menu must be shown.

But I’m not able to changed content and menu being shown.

Link: https://codepen.io/LucBaetsle/project/editor/XGjRkY#

[Nopelken]

No one has an idea about how to solve this ?

[Beverleyh]

Are you just wanting to rotate the arrow for submenus while leaving the top-level ones pointing down?

Look into applying transform:rotate();, along with the desired degree/rotation value (probably 270deg), to nested list item elements.

[sukaram]

Try this!

.menu > li ul a::after {
transform: rotate(270deg);
display: inline-block;
margin-left: 5px;
}

[Author]

Posts