Docs

[Samantha E]

Hello – what is the code to remove a specific page from the mobile navigation? It is appearing as “LOGO” on my phone.

Thank you!

[Samantha E]

This reply has been marked as private.

[Samantha E]

Also – it just hit me. I would like the logo that I moved to the center navigation to show in the logo spot on the mobile.

So in turn on a computer screen it would show as centered in the navigation – already completed

On the mobile it would show in the actual logo section and not at all in the menu – in turn, what is the code to hide a logo on the computer screen so that it only shows when on a mobile screen?

[Joao]

Hi There,

Please add the followiung code to Appereance > Customizer > Custom > CSS

.x-nav-wrap .menu-item-21399 {
  
  display: none;
}

Hope it helps

Joao

[Joao]

Hi There,

Please add the followiung code to Appereance > Customizer > Custom > CSS

.x-nav-wrap .menu-item-21399 {
  
  display: none;
}

Hope it helps

Joao

[Samantha E]

I think there is some confusion:

the code above hides the menu item all together – i only need it hidden in the mobile view.

also, if i add a logo in the actual logo section and not on the navigation to the computer view so that i show it on the mobile view – how can i hide it on the computer view?

[Joao]

Hi Samantha,

My bad 🙂

Use this code instead :

.x-navbar .mobile .menu-item-21399 {
  
  display: none;
}

And To remove the logo just from desktop version but keep on mobile versions add:

@media(min-width: 980px) {
.x-brand img {
display: none;
}
}

Hope that helps

Joao

[Samantha E]

That did the trick! Super confusing question so thank you for your help 🙂

It looks great now because you do not see “logo” listed on the menu when its on the phone, but see the actual logo still in the logo section

[Joao]

I totally agree that is the way to go!

Let us know if you need help with anything else.

joao

[Samantha E]

Hello, do you know why the navigation menu is so far away from the logo? there is at least an inch of space – just looks weird – login info above in this chat

[Rahul]

Hey There,

Thanks for writing back!

You can change the width of the logo container to minimize the space between the navigation menu and the logo. See attached!

To change it, go to Dashboard>>>Customize>>Custom>> Edit with Global CSS

Hope this helps.

[chadingels]

Hey, thanks for the bit of code to remove logo from the desktop. Just what I was looking for.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts