Floating Div Won’t Float?

  • Resolved formx

    (@formx)


    7 years, 4 months ago

    My div simply will not ‘float’. I have moved the short code all over the page, inside/outside of main div’s etc but it just seems to stick to the very top of the page / wherever the code is placed & as soon as scrolled past it disappears. Was interested in the premium version of this plugin but struggling to get it working at the moment. Could you point out where I am going wrong with this?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter formx

    (@formx)

    Changed URL to only show div when xxx is shown in URL:
    https://app-haven.com/moist/?xxx

    Still not floating though.

    Plugin Author PluginlySpeaking

    (@pluginlyspeaking)

    Hi,

    Did you try to change a little bit the CSS ?
    It seems there is some CSS missing on the div.

    Best Regards,
    PluginlySpeaking

    Thread Starter formx

    (@formx)

    No CSS changed, simply added content to the floating div:
    <p style="color:BLACK;font-weight:bold;padding-left:20px;padding-top:10px;">HELLO WORLD</p>

    And the short code inside of a custom HTML box:
    [floating_div_ps name="newsletter-optin-thank-you"]

    Plugin Author PluginlySpeaking

    (@pluginlyspeaking)

    Ok,
    You need to have the following CSS on your div :

    position:fixed;
    z-index:100;

    It should be in the CSS file named psfd.css .

    If you are familiar with CSS, you can simply edit it and insert an !important after those two lines.
    If you prefer, I can contact you by mail (or you contact me via the Support Request ) and I will send you a new zip file.

    Best Regards,
    PluginlySpeaking

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Floating Div Won’t Float?’ is closed to new replies.