I searched and could not find info on hiding spacing on mobile devices.

I have added a spacing in VC of 260px above my header to get it more centered but on mobile it pushes the headers content way too far down. All I need to know is how to hide a particular VC element on mobile basically.

I would also like to know How to make my Nav Bar stick to the top on mobile devices.

Thanks In Advance!

You can easily create a class for example “hide_on_phone”, then add it for the elements you want to hide. Then add its CSS which would basically say, below this resolution (in my case – 768px), hide me:

@media only screen and (max-width: 768px) {
 .hide_on_phone {
  display: none;
 }
}