Hey!

Can anyone help me with getting sticky buttons attached to the bottom of my header, like this site - https://www.homeinstead.co.uk/bedford/ - if you see they have the phone number and location buttons and they permanently stay there. 

I've managed to put sticky buttons on my page, but their location in correlation to the header seems to change when viewed on different screen sizes.

My page is www.bloomandcare.co.uk

Thanks in advance!

Hey @Inzpire, I'd recommend using something like this Secondary Nav plugin,(Affiliate Link), along with customizing it with some extra CSS to get the styling just like this.

27 minutes ago, abibacon said:

Hey @Inzpire, I'd recommend using something like this Secondary Nav plugin, along with customizing it with some extra CSS to get the styling just like this. (Affiliate Link)

Thanks for the response! I've looked at this and it seems viable, however, my client is reluctant to spend any more money, so I was hoping for some magic CSS to fix this. I will however keep this option in my back pocket.

Hi,

Something like this?

CSS for desktop. I see you have also CSS for mobile which places them at the bottom.

#sticky-button {
    position: fixed;
    top: 135px;
    left: 124px;
    z-index: 99999;
}

#sticky-button1 {
    z-index: 99999;
    position: fixed;
    top: 135px;
    left: -10px;
}