How can I align my "fixed position element" header and my layout in Continuous Vertical Scroll output?

Question

When I export a document as a continuous vertical scroll, I don't want any scaling. If the content is narrower than the window, it doesn't center in the window. Instead it seems to have some sort of padding of the background on the left side. This is fine until I wanted to add a fixed position element at the top of the page. My options for alignment of that are left or center. Neither one aligns with the rest of the document unless the window width is reduced.

These images are a screenshot of the width of my browser window with the fixed element  centered then left-aligned. Fixed element is the white box at the top (with logo blurred).

I'd like to either mimic the padding that the document has on the left, or to properly center the document content on the page. Can you help?

Comments

Not sure why, but now that I've added an alternate, second layout for responsiveness, now it centers properly (on both layouts).

---

I'm glad to hear that adding an alternate layout helped.

You could also try exporting the document with Desktop Scaling set to Fill Width but embed it in another document that doesn't use Desktop Scaling. Here's how:

1. When you export your document with your Fixed Position Element menu (either by going to in5 > Export HTML5 with in5... or to in5 > Easy Export Wizard... and clicking the Advanced button), set Desktop Scaling to Fill Width. 
2. Create a new document the size that you want it to be.
3. Draw a rectangle the full size of the page.
4. Use the in5 Web Content interactive widget (in5 > Interactive Widgets > Web Content) to embed the previous output. 
5. When you export this document don't use Desktop Scaling. 

With Desktop Scaling set in the original document, the page and the menu will expand within the rectangle in which it is embedded.

Answer 1

I was about to suggest rebuilding the layout. Sometimes starting from scratch can help with these little issues.