8

I'm afraid there is no better solution than to use CSS: To fix the icon in the left corner via CSS is pretty much straight forward because it's no icon is just a character out of the Office 365 icon font. #O365_MainLink_NavMenu{ color: lime; } The small css will turn the icons into lime. (OK it doesn't look nice but shows perfectly how they are ...


6

You can try this solution: Open your site in SharePoint Designer, check out and open the default masterpage in advanced mode (assume it is seattle.master). Scroll down to ending </body> tag. Add the following block of code above: <SharePoint:ScriptBlock runat="server"> if (typeof jQuery == 'undefined') { document.write('<script type="text/...


4

The steps for changing the colour in SharePoint Online are: Navigate to Site Content --> Style Library --> desired language Create a new CSS file (if you already have a custom file you can append to that) Add the following CSS styles #O365_NavHeader, .o365cs-nav-rightMenus, #O365_MainLink_NavMenu Change the colour to suit your theme, note because ...


4

If you're on on-prem environment, you can customize the SuiteBar, there's a delegate control for the SuiteBar which you can override. For SP2013 online environment, you'd need to use jQuery to add links to it and CSS for changing color, font and styles.


3

Custom logo is set to specific dimension as mentioned by Microsoft. JPG, PNG, or GIF with a resolution of 200 x 30 pixels, no larger than 10 KB. This appears in the top navigation bar on every page. I suspect may be your image is beyond this resolution so it does not fit. here is Microsoft refrence Page. https://support.office.com/en-us/article/...


3

I was able to fix the problem by applying position: fixed to the html-Tag: html { position: fixed; } Of course, this might have some unwanted side effects for other positioned elements (outside of s4-workspace)... But at first sight, everything still seems to work as expected...


2

At the moment, you would need to use jQuery. However, the Suite Bar in SPO has changed numerous times, so be prepared to make changes in response to those changes. The ability to customize the Suite Bar has been suggested in UserVoice. I suggest you add your vote there.


2

I've found the reason. The problem was in this condition - if (document.getElementById("Ribbon") != null) but no in SharePoint:SPSecurityTrimmedControl. Thank's everyone for your answers.


2

Ooops my bad... For 2016 as you rightly said we don't have SuiteBarLinks in master page. Ref link - Edit Suite Bar Links in Sharepoint 2016 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script> <script> var customLi = "<li class='ms-core-suiteLink'><a class='ms-core-suiteLink-a' target='_blank' href='...


1

The cmdlets that you used is used to set the Suite Bar branding for a web application, all site collections which is hosted in the web application will be affected. More information, you can refer to that. For sites, there is no property for suitbar. About SPSite. For your requirement, I suggest you use JavaScript code to achieve it.


1

As per my knowledge you cannot do modify Suite Bar at site level using Powershell. You can edit the master page and add JavaScript there. Follow the answer given here.


1

You can try running the below PowerShell that will update the SuiteBar in SharePoint 2016 . Below code updates Logo Image,Title and the Link. If you want to update only the link, you just have to update the SuiteNavBrandingLogoNavigationUrl property. Add-PSSnapin Microsoft.SharePoint.PowerShell -ErrorAction SilentlyContinue $WebApp= Get-SPWebApplication "...


1

You can follow below mentioned link to understand the concept of Branding in SharePoint 2016. SharePoint 2016 Branding Revisit SharePoint 2016 Preview and Version 16 Branding Elements SharePoint 2016 Preview Released – A First Look at Branding You can get the starter master page for SharePoint 2016 from below locaion & understand the concept from it. ...


1

I didn't see this coming but at the moment I'm going with this override in my Alternate CSS: <style type="text/css"> .o365cs-nav-centerAlign, .o365cs-nav-leftAlign, .o365cs-nav-rightAlign, #O365_TopMenu, #O365_MainLink_NavMenu{ background-color: #FF0202; } </style>


1

Both are different controls, looks like you have to write some kind of logic to merge them. Below is indiival customization of both( Suite Bar and Promoted Actions Links) Promoted Action links (i.e. Share,Follow,SYNC,EDIT) are displayed below the blue Delta Suite bar (SkyDrive,Sites,NewsFeed). In a typical SharePoint 2013 site, these links are displayed ...


1

For Modern Site <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ document.getElementById("O365_AppName").style.display = "none"; }); $(window).on('load', function () { document....


1

You mean that?!? <div id="suiteBarLeft"> <div class="ms-table ms-fullWidth"> <div class="ms-tableRow"> <div class="ms-tableCell ms-verticalAlignMiddle"> <div class="ms-core-brandingText"> SharePoint </div> </div> <div ...


Only top voted, non community-wiki answers of a minimum length are eligible