DIV bei Mobile-Ansicht ausblenden

[medico]

Hallo zusammen,

ich möchte auf meiner Seite einen DIV ausblenden, sobald man die Seite mit einem Smartphone betrachtet.

Leider bekomme ich das nicht hin. Vielleicht könnt Ihr mir helfen.

Hier der CSS Code von meinem Theme
Hier geht es um das DIV ttcmsheader-service

.ttcmsheader-service {
    float: none;
    padding: 15px 0;
    display: inline-block;
    vertical-align: top;
  	@include at-query ($max, $postlaptop){
      	width:100%;
	}
}
.ttcmsheader-service .ttcmsheaderservice-content {
    float: left;
    width: 100%;
}
.ttcmsheader-service .header-service.owl-carousel.owl-loaded.owl-drag {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    clear: both;
}
.ttcmsheader-service .header-service .ttservice-wrap .ttcontent {
    float: left;
    width: 100%;
}
.ttcmsheader-service .ttservice-wrap .service .content {
    padding: 20px 0 0;
    text-align: left;
  	@include at-query ($max, $laptop){
      padding: 10px 0 0;
	}
}
.ttcmsheader-service .ttservice-wrap .content .service-title {
    font: 500 16px/20px $secondaryFontStack;/* text-transform: capitalize;*/
    float: left;
    width: 100%;
  	margin: 0 0 5px;
  	@include at-query ($max, $laptop){
      	font-size:14px;
      	line-height:18px;
	}
}
.ttcmsheader-service .header-service .ttservice-wrap .content .service-desc {
    float: left;
    width: 100%;
    font: 400 13px/18px $primaryFontStack;
    margin: 0 0 5px;/* text-transform: capitalize;*/
}
.ttcmsheader-service .ttservice-wrap .ttcontent .content .service-link {
    float: left;
    width: 100%;
    font: 400 14px/18px $primaryFontStack;/* text-transform: capitalize;*/
}
@include at-query ($max, $mobile){
  .ttcmsheader-service .ttservice-wrap {
      padding: 0;
  }
}

Danke schon mal

 

[AoW]

Hallo, du kannst zum Beispiel mit @media in CSS arbeiten und ab einer bestimmten Größe dann deine div auf display:none setzen.

 

[basti1012]

interesant wäre auch was für ein Css Preprocessor du da benutzt, weil normal kann das kein Browser lesen.