Web AppBuilder Header widget and changing it's height when mobile

Question

I am trying to to modify the header height to shrink when it is mobile (along with changing the top margin of the SideBarController and map when the header shrinks). I start with a height of 114px and am trying to shrink it down to 40px once the screen size is 767px or smaller. I understand the HTML and CSS side but am having issues with the javascript and json since it pulls the header height from the config.json file and I am pretty new to js. I have already determined how to shrink the objects within the header (logos, nav, titles etc), but not the header height itself. If anyone has a way for this to be possible I would really appreciate it. Thank you in advance!

Anonymous User · Answer

Thanks for pointing out

MichaelGaiggEsri · Answer

of course you will need to include the WidgetManager to do what Yiwei mentioned

define([
   'jimu/WidgetManager'
],
function(WidgetManager) {

var widgetManager = WidgetManager.getInstance();

});

KacieBaker · Answer

Thank you Yiwei Ma, this solved my issue.