I run a few sites collection in SharePoint online (Office 365). For one site I would like to make little branding. Everything works perfect, except one thing. I would like to display to the users only app launcher, without entire ribbon (id="ms-designer-ribbon"). I know how to hide/show ribbon in my master page with this code
<div id="ms-designer-ribbon" style="display:none">
it works. Also I know other options like jquery.
But I don't know how to show ONLY app launcher. I found out that the ID of app launcher is: "O365_MainLink_NavMenu", but still I did not make any progress with displaying only it. Is it even possible?
It seems that the ribbon is always overwritten somehow by Microsoft. For example If I change background color of the "ms-designer-ribbon" with code
<div id="ms-designer-ribbon" style="background:lime">
to "lime". The upper part of the ribbon (id="suiteBarTop") will stay unchanged, still blue color. But I can see during the page loading that my color was in place for a moment, but finally it will be overwritten... But the bottom part of the ribbon (id="s4-ribbonrow") will have new lime background color. Do you have any idea how to change it?