css for .floatingchat-container* width restricts content display

  • encipherdesign

    (@encipherdesign)


    3 months ago

    the width & max-width declarations for .floatingchat-container-wrap & .floatingchat-container css styles in the https://storage.ko-fi.com/cdn/scripts/floating-chat-wrapper.css file can restrict display of text entered into the wordpress Admin > ‘Floating Button Settings’ > ‘Button Text’ field.

    for example, the text “Support My Art!” is clipped when displaying the floating button. while shortening the text to “Support Art!” the text is visible within the current frame dimensions. [https://brentpruitt.com]

    the .floatingchat-container-wrap currently has max-width: 180px; the .floatingchat-container is set as width: 195px; text/buttons longer than these widths is hidden/cropped from view.

    modifying the css width & max-width for the corresponding classes should work in all mobile/desktop browsers:

    .floatingchat-container-wrap{
    max-width:100%;
    }

    .floatingchat-container{
    width:100%;
    }

    lmk if you have questions. thanks!

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

  • You must be logged in to reply to this topic.