Changing height of blue bar on full-width pages

I would like to reduce the height of the blue bar (not sure what that area is called) on the full-width pages.

 

It is not possible to reduce height only from fullwidth page. Code will effect all pages because all contain same header.

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.page-info-container {
height: 58px;}
 
.page-info-container .page_info #crumbs {
margin-top:0px;
}