Sticky Mobile Information Bar

Hi guys

I have a question about the Mobile Information Bar. As you scroll on your phone, this bar disappears. Is there a way to get it sticky and leave it below when you scroll?
I found out that a lot of people just leave the website instead of contacting me. This MIB will help a lot
I hope I described it right?

On my website www.trouwshoot.nl and www.familieshoot.nl I really love yo have this implemented.

Greets, Stefan

where is mobile info bar? Can you take screenshot. https://www.trouwshoot.nl/

thanks for you reply Tuanphan.

When you scroll down and back it appears 🙂

Really love to have it all the time and not disappear

Didn't see here...

This can likely be solved by inserting the following CSS via the CSS Editor/Custom CSS:

.sqs-mobile-info-bar-hide {
  transform: none !important;
}

-Brandon

Wow this is really great!! Thanks a lot Brandon!!

@brandon This worked really well as well! Although I have a question... I added a custom color to the background of my mobile information bar, but I see that there is a bit of space underneath of the mobile information bar that I'd like to get rid of. 

I added an Image of my mobile information bar below for reference, and circled the white space I'm talking about. That white space is a bit annoying and it only appears when scrolling up the page, when you scroll down the page it's not there.

Here is my client's website for reference: moffittsmermaids.com

7 hours ago, Nondys said:

@brandon This worked really well as well! Although I have a question... I added a custom color to the background of my mobile information bar, but I see that there is a bit of space underneath of the mobile information bar that I'd like to get rid of. 

I added an Image of my mobile information bar below for reference, and circled the white space I'm talking about. That white space is a bit annoying and it only appears when scrolling up the page, when you scroll down the page it's not there.

Here is my client's website for reference: moffittsmermaids.com

Can you check site url?

9 hours ago, Nondys said:

I added a custom color to the background of my mobile information bar, but I see that there is a bit of space underneath of the mobile information bar that I'd like to get rid of. 

That's because your CSS is only modifying the top of the mobile bar; that white bar is the bottom of the rest of it. 😂

If you add this, you'll change the colour of the bottom element too:

.Mobile-bar--bottom {
  background-color: #8dbcbf;
}