XF 2.2 Disable "What's New" for guest in mobile

[Dixie McCall]

Hello
How do I disable the "what's new" feature and remove that icon in mobile for guests? I have my public navigation correct and I've tried the below code in CSS, both aren't doing the job. It is removed for guests in desktop mode but not mobile.

[data-template="forum_list"][data-logged-in="false"]
{
.p-title-pageAction .button--icon--bolt
{
display: none;
}

}

Thanks

 

[BassMan]

@Dixie McCall
Sorry for a VERY late response, but... Now I've completed my homework

To hide the bolt on mobile for guests only add this to your extra.less template:

[data-logged-in="false"] .p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--whatsnew {
    display: none;
}

 

[BassMan]

Hello,

wrap your code to this:

@media (max-width: @xf-responsiveMedium) {
    
    < your code >
    
}

 

[Dixie McCall]

Thanks @BassMan . That didn't seem to work either. Why aren't my display conditions working in public nav for mobile for this particular item? Seems like a bug?

 

[BassMan]

Your code is not ok... Sorry, I'm on mobile now, I can take a look at it later.

 

[Lucandi]

Is it possible to get rid of it at all for everyone and not just for guests?

 

[BassMan]

Is it possible to get rid of it at all for everyone and not just for guests?

Add this to your extra.less template:

.p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--whatsnew {
    display: none;
}

 

[Alvin63]

@Dixie McCall
Sorry for a VERY late response, but... Now I've completed my homework

To hide the bolt on mobile for guests only add this to your extra.less template:

[data-logged-in="false"] .p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--whatsnew {
    display: none;
}

This was very helpful for me, thank you. I added a menu button to mobile view, but this meant, when people weren't logged in, it pushed the search icon slightly off screen. When logged in that didn't happen. So by removing the bolt when people weren't logged in, everything fits