Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes
I have a single scrolling webpage with a navigation menu header fixed to the top. I have 2 layouts (web and mobile) using liquid layout so that the layouts automatically adjust as the screen size changes. The headers are different for web and mobile due to the space constraints. Both headers stick and scroll properly, but when I go to the mobile view, the header grows taller than it should (approximately twice as tall, with a lot of white space underneath). I've played with all the settings and can't get it to stop automatically resizing. I'll note that the headers are multi-state objects.

I've attached images of how the mobile header looks in my design file, how it looks after output, the liquid layout rules applied, the fixed position element rules applied, and the output settings. (Note that I have purposefully blurred the identifying information - all text and images are clear in the actual document and output.) https://imgur.com/a/trkE4kA

Any ideas?
in how_to by (120 points)
edited by
  

1 Answer

0 votes

I'm sorry that you're having trouble with your navigation menu and fixed position element.

The attached images didn't come through. Would you be able to send them along with the following for us to troubleshoot:

  • Your InDesign file or a sample file that recreates the issue
  • Your html5_output folder
You can send them to:

by (25.9k points)