Content Dock behind Sticky header

Support
#1

Hi There

I had this problem before in that when using the sticky pro header on certain sizes of laptops puts the content dock behind the header or so far up the page that you cannot select the X to close it as that is above the top of the screen!

I used this code before

.tco-content-dock {
z-index: 99999;
}

However that helps on some screens but not on others. Is there a way of actually putting the content dock further down so that the top shows.

The website is

Many thanks.

#2

Hello Eileen,

Thanks for writing in!

Because you added the custom css in the Appearance > Customizer > Additional CSS, the code has been overridden with the other styles. I would recommend that you update your code and use this instead:

body .tco-content-dock {
    z-index: 99999 !important;
}

This will make sure that your content dock will always be on top of all other elements and sections of the page.

#3

Thank you Rue, Kind regards

#4

You are most welcome!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.