Skip navigation
Currently Being Moderated

Floating menu boundries

Jul 17, 2012 7:30 AM

Tags: #anchor #menu #resize #floating #pin #boundary

Hi there, I have put together a floating "pinned" menu on the left hand side within my website.

 

Generally it works fine, but when the browser window is shrunk or resized smaller in height, the menu goes off or over footers when I scroll to the very bottom of the page. How can I add boundries/restrictions to stop this from happening?

 

Also when the browser window is shrunk in width, the left hand menu tends to disappear off the screen to the left. The link to my website is below, and any help would be great:

http://www.samrios.co.uk/iconic.html#work_1

 

Sam

 
Replies
  • Currently Being Moderated
    Jul 17, 2012 9:46 AM   in reply to Sam-Rios

    Where do you have this menu pinned? It seems like you might have it pinned in the wrong place, which would make it act funny like this... Does your pin look like this? Screen Shot 2012-07-17 at 9.45.34 AM.png

     

     

    -Julia

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 20, 2012 12:07 PM   in reply to Sam-Rios

    Hi Sam,

     

    As per the pinning option that you have selected it maintains this distance from top and middle of the browser window,

    http://project02.businesscatalyst.com/Jing/2012-07-18_2151.png

     

    So, that explains why the on reducing the width or the height of the browser the logo goes beyond the page or footer respectively.

    At this point you can't restrict the pinned object to stop at a particular location, I would appreciate if you can add that to the ideas section over here, http://forums.adobe.com/community/muse/ideas

     

    Regards,

    Abhishek Maurya

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points