Como modificar el header en Twenty Seventeen | Develop Site

Imagen de pulimpreso

Submitted by pulimpreso on

Como modificar las medidas del header en la plantilla Twenty Seventeen

  1.  
  2. .wrap {
  3.         /* margin-left: auto; */
  4.         /* margin-right: auto; */
  5.         max-width: 100%;
  6.         /* padding-left: 2em; */
  7.         /* padding-right: 2em; */
  8. }
  9. /*Computer screen */
  10. @media screen and (min-width: 48em) {
  11.         .wrap {
  12.                 max-width: 100%;
  13.                 /* padding-left: 3em; */
  14.                 /* padding-right: 3em; */
  15.         }
  16.         .twentyseventeen-front-page.has-header-image .custom-header-image {
  17.         /*height: 1200px;*/
  18.         /*height: 100vh;*/
  19.         height: 50vh;
  20.         /*max-height: 100%;*/
  21.         /*overflow: hidden;*/
  22.         }
  23. }
  24.  
  25. /* Mobile screen*/
  26. .has-header-image.twentyseventeen-front-page .custom-header {
  27.         /*display: table;*/
  28.         /*height: 300px;*/
  29.         /*height: 75vh;*/
  30.         height: 50vh;
  31.         /*width: 100%;*/
  32. }
  33. .page.page-one-column:not(.twentyseventeen-front-page) #primary {
  34.         /*margin-left: auto;*/
  35.         /*margin-right: auto;*/
  36.         max-width: 100%;
  37. }
  38. /* Computer screen with logged in user and admin bar showing on front end*/
  39. @media screen and (min-width: 48em) {
  40.         .page-one-column .panel-content .wrap
  41.         {
  42.                 max-width: 100%;
  43.         }
  44.         .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
  45.         /*height: calc(100vh - 32px);*/
  46.         height: calc(50vh - 32px);
  47.         }
  48. }
Español