• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 19.06.18, 11:08
  • Opened by: Lisa Keeling
  • Closed by: Marek
  • Closed on: 28.06.18, 16:36
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12421 - Sticky Header - NOT transparent

Hi,

We want to have sticky header on the website but couldn’t find the way to have it sticky but not transparent. Can you please help me with that?

Thanks

Comments

Marek 19 Jun 2018, 13:50

Try this:

#header {background:#fff}
Lisa Keeling 19 Jun 2018, 15:22

HI,

Do you mean to paste this to customer CSS section? Like on the image below

Marek 19 Jun 2018, 15:23

Yes, right

Lisa Keeling 19 Jun 2018, 15:55

It doesn’t work I am afraid. The header background colour is still transparent. You can check here - thetesting.co.uk

Lisa Keeling 19 Jun 2018, 17:46

It doesn’t work I am afraid. The header background colour is still transparent. You can check here - thetesting.co.uk

Marek 19 Jun 2018, 17:53

sorry, try this:

.header-4 .sticky {background:#fff !important}
Lisa Keeling 28 Jun 2018, 15:43

Thank you, works this time!