Shrinking header dimensions
While preparing mobile version we have to understand that identical minization of header will result logo problems
.header { height: 82px; background-size: contain; } .header_center { width: 100%; height: auto; padding-top: 5px; background-size: contain; } .logo { display: block; height: 100px; background-size: 190px; margin-top: 10px; width: 190px; }
Type: