AnsweredAssumed Answered

Custom HTML/CSS header menu behaviour

Question asked by colin.campbell_RSPB on Oct 28, 2019
Latest reply on Oct 28, 2019 by KSchmitt-esristaff

I want to use the custom HTML/CSS header option to make some small cosmetic changes to my site's header, but when I do I've noticed it changes the behaviour of the navbar menu on smaller screens/devices.

 

When using the out-of-the-box 'prominent' header option the menu appears as a single option at the top of the screen when viewed on small screen.  Clicking on the menu opens it up with all the link items listed beneath and it is visible all the time.

 

However when you switch to the custom HTML/CSS header option the menu you effectively get the expanded menu all the time (although it is only visible at the top of the page or if you scroll up).  When it is visible it takes up a lot of screen space - especially if you have lots of links in your menu.

 

Is there anyway to get the default behaviour when using the custom option?

 

Outcomes