[tomaspernekParticipant]

Hey there!

I would like to change menu items depending if the site is viewed on a desktop or a mobile. I believe this can be achieved with defining on hiding and showing item based on screen width. I can manage to hide items from the desktop version using this code

@media (min-width: 600px){
#menu-item-250 {
display: none;
}
}

but not the other way around that is hidning items from the mobile menu.

the page is

http://recco.technology

Thanks in advance!

/Tomas

[NicoModerator]

Hi There,

Thanks for writing in.

You can try adding this code in your Customizer > Custom > CSS:

@media (min-width: 600px){
li.menu-item-250{
display:none;
}
}

It will remove both desktop and mobile version.

Hope it helps.

Let us know how it goes.

Thanks.

[ThaiModerator]

Hi There,

Please add the following CSS:

.x-navbar .mobile .x-nav li.menu-item-250 {
    display: none;
}

Hope it helps 🙂

[DiamondAlexanderParticipant]

Thank you so much for this! It worked perfectly – ughh I had been trying and trying.

Y’alls support is the best!

[Prasant RaiModerator]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts