How to hide "..." three dots of Not following & Site Access on top of nav bar for member & visitor access in mobile version?

Nufa98 0 Reputation points
2025-02-20T05:59:12.08+00:00

Is there any method to hide that "..." three dots at mobile version? or any custom workaround programmatically? I need to hide for users with member & visitor access. I don't have problem when it comes to desktop version but in mobile view, it still appear for users with member and & visitor access even though i hide 'Not following' in site features settings.

Below 1st screenshot is in desktop/web version. As you can see, it worksImage

2nd screenshot is in mobile version. User that has visitor/read permission still can see "..." three dots without Not following & Site Access.
Image

Very appreciate if there is any help! Thank you.

SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
3,324 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. Ling Zhou_MSFT 21,880 Reputation points Microsoft Vendor
    2025-02-20T08:04:15.7666667+00:00

    Hi @Nufa98,

    Thanks for your detailed explanation, I am more than willing to help you out.

    We can't actually hide "..." three dots, which is designed by SharePoint. We don't have an out-of-the-box way to hide it at the moment. Also, SharePoint has disabled script injection for security purposes, so we can't hide it through CSS scripts either.

    We can remove the Not Following option by deactivating the Following Content feature, but this action affects all users and also removes this selection on the web side.

    Here are detail steps to deactivate the Following Content feature:

    • Contant your site administrator to go to your SharePoint Online site.
    • Navigate to Settings > Site Information > View all Site Settings.
    • Under Manage Site Features, deactivate the Following Content feature. This will remove the "Not following" option. User's image

    If you are very desperate to remove these three points, then you can use SPFx to solve the problem programmatically. You can add custom CSS scripts to hide content on the page via SPFx. However, SPFx requires some programming skills and can be complicated.

    If you are new to SPFx, please refer to this article to get started.

    If you have any questions, please do not hesitate to contact me.

    Moreover, if the issue can be fixed successfully, please click "Accept Answer" so that we can better archive the case and the other community members who are suffering the same issue can benefit from it.

    Your kind contribution is much appreciated.

    0 comments No comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.