Pieter Bruegel the Elder, The Tower of Babel (1563)
Pieter Bruegel the Elder, The Tower of Babel, 1563

CSS: hide something on your site

Use display:none on the part you want to hide. Right-click it → Inspect to find its class name.

CSS: hide something on your site">
Design, themes & CSS3 steps
Short answer

Use display:none on the part you want to hide. Right-click it → Inspect to find its class name.

Step by step

  1. 1

    On your site, right-click the thing → Inspect. Note its class (e.g. class="t-demo").

  2. 2

    Design & theme → Custom CSS → write .that-class { display: none !important; }

  3. 3

    To hide it only on phones, put it inside @media (max-width: 760px) { … }.

Copy this code

CSS
/* Hide the floating WhatsApp button on phones */
@media (max-width: 760px) {
  .wa-float, .t-wa { display: none !important; }
}

Paste it in Dashboard → Design & theme → Custom CSS, then press “Save design”.

Did this guide help?

Related guides