FooBar Always Visible

  • Resolved jpc2020

    (@jpc2020)


    1 year, 11 months ago

    Hi

    My FooBar notification added to my footer is never disappears even when the toggle is used. The notification disappears, but the bar doesn’t.

    I have added some custom styles to increase the padding on the button and change the colour of the notification bar, but nothing affecting anything to do with visibility of the bar.

    I hope someone can help.

    • This topic was modified 1 year, 11 months ago by jpc2020.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support elviiso

    (@elviiso)

    Hi @jpc2020

    Could you kindly clear the cache from the Flying Press optimization plugin you have activated? Kindly try this and let us know how it goes.

    Kind regards,
    Elvis.

    Thread Starter jpc2020

    (@jpc2020)

    Did that, but I still have the same problem.

    Plugin Support elviiso

    (@elviiso)

    Hi @jpc2020

    Thanks for getting back to me with that update.

    I have done further investigation into this, and realized what is causing this.

    It’s actually being caused by some custom CSS that has been applied to the outer .foobar element and this is shown here if viewing from the Chrome dev tools: https://prnt.sc/JFDbJEmfDAwn

    The custom CSS added that’s causing this is:

    .fbr-blue {
    background-color: #2B64C1 !important;
    color: #fff;
}

    The outer?.foobar?element is an invisible box that the content is moved around within. So, with this CSS, you have basically given the invincible box a color which is now displayed while the content is being hidden. Removing the CSS will resolve this.

    Thanks.

    Kind regards,
    Elvis.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘FooBar Always Visible’ is closed to new replies.