how can i find my "page-id" for my SEARCH page?

Morning,

rather than using .page-id-xxx try using .template-search then the menu item id.
A neater way maybe to set the menu items to be hidden as a global rule rather than on a specific page.

#menu-item-xx {hide} will hide then items on every page. Which will be easier than finding every page id.
Then on the page you want them to show (which is only one page?) use..

.page-id-xx #menu-item-xx {show}

If you are hiding on more pages use a global to hide, if you are showing on more pages use a global to show. That make sense?

TJ

• This reply was modified 7 years, 4 months ago by tjswarbs78. Reason: it's early and I can't spell

Hmm i know in the latest version of Enfold the mobile menu was completely rewritten and I think some of the class behaviors changed.

On the surface i see no reason why the global rule shouldn’t work unless the theme is changing or using a different menu id on mobile.

I’ll have a gander and come back to you…

TJ

** edit **

The burger menu has the following structure…

div class="av-burger-overlay" style="display: block; opacity: 1;">
<div class="av-burger-overlay-scroll">
<div class="av-burger-overlay-inner">
<ul id="av-burger-menu-ul" class="" style="padding: 90px 0px;">
<li class="av-active-burger-items">  /* first child */
<li class="av-active-burger-items">  /* 2nd child */
<li class="av-active-burger-items">  /* 3rd child */
<li class="av-active-burger-items">  /* 4th child */
<li class="av-active-burger-items">  /* 5th child */
<li class="av-active-burger-items">  /* 6th child */
<li class="av-active-burger-items">  /* 7th child */
<li class="av-active-burger-items">  /* 8th child */
<li class="av-active-burger-items">  /* 9thchild */
<li class="av-active-burger-items">  /* 10thchild */
<li class="av-active-burger-items">  /* last child */
</ul>
</div>
</div>
<div class="av-burger-overlay-bg"/>
</div>

There are no ids or numbers to single out any specific item so we have to use a pseudo class.

To hide the first menu item on mobile you’d use…

#av-burger-menu-ul li:first-child {
    display: none!important;
}

To hide the last menu item on mobile you’d use…

#av-burger-menu-ul li:last-child {
    display: none!important;
}

to hide any in between you’d use…

#av-burger-menu-ul li:nth-child(2) {
    display: none!important;
}

replacing the two for whatever number you want to hide.

Adding any new menu items may mess up the order so you would have to finalize the menu 100% then look at the mobile version.

Hopefully that is clear as mud :)

TJ

Unless you fly to the UK…

I’m in Manchester

TJ