Pop up box with absolute positioning

  • Resolved webrightnow

    (@webrightnow)


    11 years, 3 months ago

    So, I kept scratching my head for half an hour wondering why the button I had placed in my footer widget didn’t bring up the Skype pop-up box (#skypeCheckNotice) when the same button in the main content worked.
    Then I realized: I just needed to scroll up… The box is positioned absolutely with the top and left values calculated dynamically according to screen size, which means if you are at the bottom of a page with a lot of content, you will never even see the box.
    I had to place this in my theme’s CSS:

    #skypeCheckNotice {
	position: fixed!important;
}

    Now it works. Code should be fixed in the plugin, absolute positioning simply won’t work in every case.

    https://www.ads-software.com/plugins/skype-online-status/

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi webrightnow, thanks for sharing your fix.

    The code is provided by Skype and indeed does not position well…

    Thanks webrightnow – very clever! It works and since my theme has a form for custom css I won’t lose the change with updates. Excellent! You should mark my previous thread and this as resolved. Genius!

    Dear webrightnow,

    could you tell me where in the css file I have to put the code:

    #skypeCheckNotice {
    position: fixed!important;
    }

    Thanks in advance.

    Hi Jan, just place it at the end. As long as it does not break any other style rules, it’s fine. Please let us know if adding this rule helps for iPhone positioning too ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Pop up box with absolute positioning’ is closed to new replies.