z-index issuew

  • Resolved slimpixel

    (@slimpixel)


    5 years, 10 months ago

    Hello,

    If you view page on mobile you will see that the copyright information is being partly hidden by the chat widget. I have tried to increase the z-index of the copyright text but i cannot get the text to float ontop of the widget. When I do an inspect i get the following.

    <div class=”fb_dialog fb_dialog_advanced fb_customer_chat_bubble_animated_no_badge fb_customer_chat_bubble_pop_in” style=”background: none; border-radius: 50%; bottom: 18pt; display: inline; height: 45pt; padding: 0px; position: fixed; right: 18pt; top: auto; width: 45pt; z-index: 2147483646;”><div class=”fb_dialog_content” style=”background: none;”><iframe name=”blank_f2217375ed11c2c” width=”60px” frameborder=”0″ allowtransparency=”true” allowfullscreen=”true” scrolling=”no” allow=”encrypted-media” tabindex=”-1″ data-testid=”bubble_iframe” src=”https://staticxx.facebook.com/connect/xd_arbiter/r/d_vbiawPdxB.js?version=44#forIframe=f2217375ed11c2c&#8221; style=”border: none;”></iframe></div></div>

    If i change the z-index live through inspector I can get my text at the bottom to float on top the problem is that I cannot find this code anywhere in the plugin directory.

    Cam anyone please get back to me?

    Thank You

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

Viewing 1 replies (of 1 total)
  • Plugin Support ingasupranovich

    (@ingasupranovich)

    Hi, @slimpixel
    You can edit the code of your website (not plugin) to add more space.
    Please, try add tthis code to style.css

    @media screen and (max-width: 600px) {
    #page-container {
    padding-bottom: 100px;
    }
    }

Viewing 1 replies (of 1 total)
  • The topic ‘z-index issuew’ is closed to new replies.