Personalizacion de Twenty Seventeen, Pantalla completa | Develop Site

Imagen de habitacia

Submitted by habitacia on

Con este codigo se busca que la plantilla hijo de Twenty Seventeen se vea a lo ancho de la pantalla

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