[Resolved] hide arrow in dropdown menu

[Tru]

Hello everyone,
I’d like to hide arrow in dropdown menu when in full screen, but I’d want to show it when the screen is on tablet or mobile mode.
This is the css:
.menu-item-has-children .dropdown-menu-toggle {
display: inline-block;
height: 100%;
clear: both;
padding-right: 20px;
padding-left: 10px;
}
If “display :none”, it will hide the arrow in full screen mode and table/mobile mode too.
How can I fix this! thanks

[Leo]

Hi there,

Try this:
https://generatepress.com/forums/topic/remove-dropdown-arrows-from-navigation/#post-970396

[Tru]

Hi Leo, I pasted your codes into “additional CSS”, but it does not work.

[Leo]

Any chance you can link us to the site in question with the CSS added?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Tru]

Hello Leo, I’d send you my site!Please, take a look! Thanks

[Leo]

I’m seeing your own custom CSS added currently:
https://www.screencast.com/t/D9WqfbRO5SSK

Can you remove that and try my code?
https://generatepress.com/forums/topic/remove-dropdown-arrows-from-navigation/#post-970396

[Tru]

Hi Leo, I tried your code, but it did not work. Please, help me!

[Tru]

Thanks Leo

[Leo]

So it did work? The topic is marked as resolved.

Let me know 🙂

[Tru]

Yes, it did. Thanks

[Leo]

No problem 🙂

[Author]

Posts