I can't figure out why my vertical menu jumps to the middle of the page when previewed in my browser (Chrome).
I've tried pinning and unpinning the menu, setting it to responsive height/width, but it still appears right in the middle of the page when previewed.
How can I make it stay fixed to the left of the page?
Below is my vertical menu on the left side of the page in muse.
However when previewed in my browser it jumps to the middle as shown below.
1 Correct answer
In my last contribution I focussed on the fact, that the menu system wasn’t visible at all (as it still is in your second file version, because you didn’t correct it).
And yes, the menu appears in the middle of the page – and it has to do so:
You assigned the „Lightbox“ attribute to the composition, and the definition of a light box is to stay in the center of the screen.
If you assign the attribute „Position ‚Stacked‘“ and „Hide all Initially“ to the composition, you can place the target wherever
...
9
Replies
Hey Ankush,
That is very strange as I have already deleted everything (all pages and elements) except a rectangle box at the bottom as a footer.
I have removed that now so there is nothing except the menu.
I've updated the link here: Adobe Creative Cloud
This is what it looks like now:
Regards,
Kim
- At first: Why is the file so big (400 MB plus), although there is ony a menu?
- Simple answer: Because you didn’t follow my recommendations
! I said „So please delete all elements from your site, so that only the empty pages and the menu are remaining, save this .muse file under a new name“. You only performed a „Save“, what causes Muse to save the file, but not to delete all the unnecessary, redundant elements within the file. This happens for saving speed reasons. If you want to clean up your file and delete all unnecessary elements, don’t use „Save“, but „Save As“. If you do so, your linked .muse file reduces from 400+ to 2,3 MB! (By the way: This is not a “Muse only“ feature. Most applications — Word, InDesign, QuarkXPress, … are working this way.)
- Simple answer: Because you didn’t follow my recommendations
- Your menu issue:
- The menu and its trigger is outside the breakpoint boundaries. (Maybe you mixed up the position of Muse’s scrubber tool – this grey, vertical handle top right of the breakpoint bar – with the breakpoint width. But this isn’t the case. The scrubber position symbolises the browser background, not the breakpoint/page width.) To clarify this, do the following: Make sure, that no element is selected, choose the „Fill“ command in Muse’s upper control strip and choose a colour. When no element is selected, the colour is applied to the page background. Now you can see, that your menu and its elements are outside the breakpoint width. Correct this in every(!) breakpoint.
If you did, what you did conciously, perhaps in order to obtain a browser pinned menu, be aware, that browser pinning isn’t really supported by mobile devices. You should better unpin the menu and assign a scroll effect to the menu using the „Scroll Effects“ panel will all values set to „0" — different approach, same appearance. - The main issue: The composition trigger has no colour (= transparent) in every states except the active one, which is blue. That means, if the menu trigger isn’t chosen, you will see – nothing at all.
- The menu and its trigger is outside the breakpoint boundaries. (Maybe you mixed up the position of Muse’s scrubber tool – this grey, vertical handle top right of the breakpoint bar – with the breakpoint width. But this isn’t the case. The scrubber position symbolises the browser background, not the breakpoint/page width.) To clarify this, do the following: Make sure, that no element is selected, choose the „Fill“ command in Muse’s upper control strip and choose a colour. When no element is selected, the colour is applied to the page background. Now you can see, that your menu and its elements are outside the breakpoint width. Correct this in every(!) breakpoint.
AdChoices