Animated menu positioning issue

Question

I've made an animated menu bar that I've positioned just to the left of my multi-page file and I've created open and close buttons. I've put the bar and buttons on a master page and when exported via Publish Online everything appears and functions perfectly. When I export with in5 the menu bar itself is way over to the left. (The page I've designed intentionally doesn't fully cover the screen. I've tried putting the menu bar one or two pixels on the page itself and tried it completely off of the page with the same result. Also the Open Menu and Close Menu buttons aren't working as they should in an in5 export but also work perfectly in Publish Online but not in in5. I've gone back and checked how I have them set up properly with the show/hide feature and logically it should work.

Answer 1

Publish Online and in5 work differently and support different features. Here's more in-depth information on the differences between Publish Online and in5:

• Publish Online vs. in5 — Digital Publishing from InDesign Compared

I'd be happy to take a look at your InDesign file and your html5_output folder to help troubleshoot if you can send them or a sample file that recreates the issue. You can send them to:

• https://ajarproductions.com/pages/contact.php?category=in5

Comments

I'm not really sure how I'm supposed to send the file to a contact page? I've watched two different videos (https://www.youtube.com/watch?v=5R7HnpL8idE and https://www.youtube.com/watch?v=Qk0bj5T665g) on building an interactive menu and they both work flawlessly in Publish Online (which has fewer features) but not in in5 (which is more robust). The menu appears way over to the left when I use in5 to export (I've tried so many different setting) and if I click on one of the buttons on the menu it will do what it should but the menu doesn't go away.

---

You might try using the in5 Menu Builder (in5 > Build Wizards > Menu Builder) to make the menu for you. Here are some videos showing the different in5 Menu Builder options:

• Instant Hamburger Menu in Adobe InDesign - compact hamburger menu
• Instant Animated Menu in Adobe InDesign - sliding door menu
• Instant Top Menu Bar in InDesign - top bar menu

To send us files via the contact form, do the following:

1. Go to https://ajarproductions.com/pages/contact.php?category=in5
2. Click the Report a problem or bug button
3. Fill out the form and add a link to the files from Dropbox or Google Drive

For step 3, you could also send us content via Wetransfer.com if you don't use cloud storage.