Work Zone UI integration card: lose the Success Factors navbar?

[Robotperson]

I'm surfacing some data from Success Factors in my Work Zone site using UI integration cards. 

When I do this the card shows the data I want, but also the SF navigation bar at the top of the card - see attached, red box.  I've seen usability tests where users disappear into SF in the UI card window, fiddling about with the SF nav bar whilst trying to complete a task completely unrelated. It confuses and distracts them and I don't want to display it. 

How can I call the SF view into WZ without the SF navbar?

[Robotperson]

If anyone's interested I've been told that the SF navbar will be toggleable from a release due Autumn 2025.

In the mean time I've come up with this hacky solution:

• UI cards have a css class.  Find what it is by inspecting the element in the page
• Add a rule in the CSS
  • Open theme manager
  • launch theme designer for your theme. Make a cup of tea whilst it opens
  • select 'edit' on your theme
  • open the css tab and make sure SAPUI5 is selected in the drop down
    
  • Then in the css add the rule below. It gives the UI card element a negative top margin of 120px, which pulls the content up by 120px, hiding the SF navigation. It also pulls up the scroll bar by this amount which could be problematic if you have a really large amount of content in the UI card such that the scroll bar becomes so small that it's less than 120px tall, in which case it'll be hidden along with the SF nav.
    
• If you want to exempt any UI cards from this behaviour you need to write another rule, specifically targeting the element you want to exempt. Example:
• 

Hope that helps someone