At times you may want to hide some element or pieces of content in the theme. While there are a couple of ways to hide some element from the theme the following example is the easiest and the quickies to do it.
Hiding an element can be done by setting the display property to “none” or the visibility property to “hidden”. However, notice that these two methods produce different results:
– visibility:hidden hides an element, but it will still take up the same space as before. The element will be hidden, but still affect the layout.
– display:none hides an element, and it will not take up any space. The element will be hidden, and the page will be displayed as the element is not there.