.container высота авто не приспосабливаясь к содержанию

Question

В this page, в виде порт 480px в Chrome, я хотел бы установить:

#header.boxed .container { 
    height: auto; 
} 

вместо:

#header.boxed .container { 
    height: 186px; 
} 

Когда я это, #header.boxed .container меньше, чем мне это нужно.

Как обеспечить, чтобы #header.boxed .container был достаточно высоким, чтобы отображать его содержимое?

Спасибо.

Answer 1

Для достижения этой цели необходимо внести некоторые изменения в 480px вида порта CSS

#top .logo { 
    /*background-image: url("//test.doig.com.au/magnifique/wp-content/uploads/sites/8/2016/10/bg-header.jpg"); 
    background-repeat: no-repeat;*/ 
    clear: both; 
    padding: 10px 0; 
    top: 0; 
} 


#header #searchform { 
    float: right; 
    /*position: absolute; 
    right: 0; 
    top: 63px;*/ 
    width: 220px; 
} 

.social_bookmarks { 
    border: medium none; 
    display: block; 
    float: left; 
    height: 24px; 
    list-style-position: outside; 
    list-style-type: none; 
    /*position: absolute; 
    right: 231px;*/ 
    top: auto; 
} 

Надеется, что это будет работает для вас :)