How to update the native navpage-layout css style

[heather_mcmanig]

I am currently trying to make our instance responsive when the browser retracts or expands in size. However the top most style for .navpage-layout { min-width:768px;} is hindering this and I cannot find where the navepage.css style sheet is stored to update it. I need to change that one style to 100%.

I have tried javascript, media queries and the like with no luck as the iframe from which our custom homepage exists in creates a black box.

[michael_baker · Accepted solution]

Hi Heather,

This could be done through a UI Script with the below inputs.   Once created, if you refresh your browser this should take affect.

Name: navpage CSS Updates

Global: checked

Script:

        window.addEventListener('DOMContentLoaded', function(){

                  if (window.parent.document.location.pathname == '/navpage.do') {

                            window.parent.document.getElementsByClassName('navpage-layout')[0].style.width = '100%';

                            window.parent.document.getElementsByClassName('navpage-layout')[0].style.minWidth = '0';

                  }

        });

Hope this helps.

[heather_mcmanig]

Worked like a charm thank you!

[Sudipta Pattna1]

Hi,

Where navpage.do page is present inside SNOW?