SharePoint 2019 Suitebar is disappear and unable to correct it back

%3CLINGO-SUB%20id%3D%22lingo-sub-1976053%22%20slang%3D%22en-US%22%3ESharePoint%202019%20Suitebar%20is%20disappear%20and%20unable%20to%20correct%20it%20back%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1976053%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20Everyone%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20are%20just%20setup%20a%20SharePoint%20Server%202019%20and%20created%20several%20site%20collections.%20We%20first%20remove%20the%20top%20left%20element%20of%20the%20suite%20bar%20in%20.css%20or%20.js.%20I%20am%20not%20sure%20where%20did%20I%20remove%20the%20suite%20bar.%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-left%22%20image-alt%3D%22SuiteBar.jpg%22%20style%3D%22width%3A%20494px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F239562i809195C6AFC935F9%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22SuiteBar.jpg%22%20alt%3D%22SuiteBar.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHowever%2C%20we%20would%20like%20to%20bring%20it%20back%20to%20all%20site%20collections.%20I%20tried%20to%20edit%20the%20SuiteNav.CSS%20COREV15.CSS%20and%20the%20master%20page%20css%20file%2C%20but%20no%20luck%20to%20bring%20it%20back.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20use%20f12%20to%20check%20the%20class%20and%20found%20this%20part%20is%20totally%20missing%20from%20my%20site%20collection.%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-applescript%22%3E%3CCODE%3E%3CDIV%20class%3D%22o365cs-nav-topItem%20o365cs-nav-o365Branding%20o365cs-rsp-tn-hideIfAffordanceOn%22%3E%3CA%20class%3D%22o365button%20o365cs-nav-appTitle%20o365cs-topnavText%22%20role%3D%22heading%22%20href%3D%22https%3A%2F%2F%26lt%3Bspsite%26gt%3B%2F_layouts%2F15%2Fsharepoint.aspx%22%20id%3D%22Sites_BrandBar%22%20aria-label%3D%22SharePoint%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E%3CSPAN%20class%3D%22o365cs-nav-brandingText%22%3ESharePoint%3C%2FSPAN%3E%3C%2FA%3E%3C%2FDIV%3E%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20someone%20let%20me%20know%20how%20to%20fix%20it%20or%20how%20to%20reset%20the%20suite%20bar%20setting%2Fconfig%20file%20to%20default.%20Thanks%20a%20lot~%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1976053%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Server%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1976079%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%202019%20Suitebar%20is%20disappear%20and%20unable%20to%20correct%20it%20back%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1976079%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F897541%22%20target%3D%22_blank%22%3E%40ChuckLeung%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhere%20have%20you%20applied%20custom%20CSS%2FJS%3F%20Have%20you%20applied%20Alternative%20CSS%20from%20site%20settings%3F%20Try%20to%20find%20out%20it%20because%20that%20may%20cause%20issues%20for%20you%20later.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETry%20changing%20the%20master%20page%20of%20site%20to%20any%20of%20default%20master%20pages%20available.%20This%20might%20work%20for%20you.%3C%2FP%3E%3CHR%20%2F%3E%3CP%3EPlease%20click%20%3CSTRONG%3EMark%20as%20Best%20Response%3C%2FSTRONG%3E%20if%20my%20post%20helped%20you%20to%20solve%20your%20issue.%20This%20will%20help%20others%20to%20find%20the%20correct%20solution%20easily.%20It%20also%20closes%20the%20item.%20If%20the%20post%20was%20useful%20in%20other%20ways%2C%20please%20consider%20giving%20it%20%3CSTRONG%3ELike%3C%2FSTRONG%3E.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1978269%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%202019%20Suitebar%20is%20disappear%20and%20unable%20to%20correct%20it%20back%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1978269%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F373269%22%20target%3D%22_blank%22%3E%40ganeshsanap%3C%2FA%3E%26nbsp%3BThank%20you%20for%20your%20response.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20not%20sure%20where%20did%20I%20edit%20the%20CSS%2FJS%20to%20hide%20the%20suite%20bar.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBut%20I%20had%20use%20a%20default%20CSS%20file%20replace%20the%20environment%20CSS%20and%20I%20copy%20a%20default%20a%20master%20page%20to%20my%20environment.%20All%20this%20approaches%20are%20not%20able%20to%20bring%20the%20suite%20bar%20back.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDo%20you%20have%20any%20idea%20which%20JS%20file%20should%20be%20changed%3F%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

Hi Everyone,

 

We are just setup a SharePoint Server 2019 and created several site collections. We first remove the top left element of the suite bar in .css or .js. I am not sure where did I remove the suite bar.

SuiteBar.jpg

 

 

 

 

 

 

 

However, we would like to bring it back to all site collections. I tried to edit the SuiteNav.CSS COREV15.CSS and the master page css file, but no luck to bring it back.

 

I use f12 to check the class and found this part is totally missing from my site collection.

<div class="o365cs-nav-topItem o365cs-nav-o365Branding o365cs-rsp-tn-hideIfAffordanceOn"><a class="o365button o365cs-nav-appTitle o365cs-topnavText" role="heading" href="https://<spsite>/_layouts/15/sharepoint.aspx" id="Sites_BrandBar" aria-label="SharePoint"><span class="o365cs-nav-brandingText">SharePoint</span></a></div>

 

Can someone let me know how to fix it or how to reset the suite bar setting/config file to default. Thanks a lot~

2 Replies

@ChuckLeung 

 

Where have you applied custom CSS/JS? Have you applied Alternative CSS from site settings? Try to find out it because that may cause issues for you later.

 

Try changing the master page of site to any of default master pages available. This might work for you.


Please click Mark as Best Response if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

 

@ganeshsanap Thank you for your response.

 

I am not sure where did I edit the CSS/JS to hide the suite bar.

 

But I had use a default CSS file replace the environment CSS and I copy a default a master page to my environment. All this approaches are not able to bring the suite bar back.

 

Do you have any idea which JS file should be changed?