Archived topic

hide arrow in dropdown menu

10 replies · Started by Tru on June 27, 2020

Viewing posts 1–11 of 11

June 27, 2020 at 6:16 am #1343543

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

June 27, 2020 at 9:16 am #1343780

Hi there,

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

June 28, 2020 at 1:38 pm #1344800

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

June 28, 2020 at 1:50 pm #1344824

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 :)

June 28, 2020 at 5:45 pm #1344934

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

June 28, 2020 at 8:48 pm #1344995

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

June 29, 2020 at 10:27 am #1345970

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

July 4, 2020 at 10:35 pm #1352320

Thanks Leo

July 5, 2020 at 8:58 am #1352827

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

Let me know :)

July 6, 2020 at 11:05 pm #1354727

Yes, it did. Thanks

July 7, 2020 at 8:43 am #1355470

No problem :)

This archived topic is closed to new replies.

Start building better websites today.