diff --git a/public/global/nav/cssNav.css b/public/global/nav/cssNav.css index 3a22d57..3ee12e6 100755 --- a/public/global/nav/cssNav.css +++ b/public/global/nav/cssNav.css @@ -3,8 +3,15 @@ section#spacer{ visibility: hidden; } -@media(min-width:501px){ section.nav{ position:fixed; } } -@media(max-width:500px){ section.nav{ position:absolute; } } +@media(min-width:560px){ + section.nav{ position:fixed; } + div.mshow {display:none} +} +@media(max-width:559px){ + section.nav{ position:absolute; } + a.mhide {display:none} +} + section.nav{ z-index:100; width:100%; @@ -15,7 +22,7 @@ section.nav{ article.lhome{ height:50px; - width:150px; + width:85px; margin:auto; } a#hhome{ @@ -31,7 +38,7 @@ a#hhome{ /* tel article ------------------*/ article.tel{ - flex:5 1 300px; + flex:1 1 300px; display: -webkit-inline-flex; -webkit-justify-content:baseline; display: inline-flex; @@ -43,7 +50,7 @@ div.tnum{ flex:1 1 100px; color: white; margin:auto 10px; - max-width:150px; + max-width:110px; } div.icon{ background-size: contain; @@ -54,15 +61,15 @@ div.icon{ div#watts{ width:30px;height:30px; } div#tel{ width:20px;height:30px; } -/* nav --------------------------*/ +/* nav -------------------------*/ article.nav{ - flex:6 1 300px; + flex:2 1 400px; display: inline-flex; justify-content:flex-end; display: -webkit-inline-flex; -webkit-justify-content:flex-end; - max-width:400px; + /* max-width:400px;*/ } a.nav, @@ -77,6 +84,9 @@ a.nav:hover flex:2 1 50px; } a.nav > p { + min-width: 60px; + margin-right: 7px; + margin-left: 7px; } div#tel{ background-image: url("icon/cel.svg "); } diff --git a/public/home/home/cssTrans.css b/public/home/home/cssTrans.css index bb33f4f..6ce3e6a 100755 --- a/public/home/home/cssTrans.css +++ b/public/home/home/cssTrans.css @@ -1,16 +1,24 @@ section.adown{ position:absolute; -top: calc(100vh - 45px); +top: calc(100vh - 80px); width:100%;} article.adown{ background-repeat: no-repeat; background-size: contain; background-position: center; background-image:url("img/adown.svg"); - width: 35px; - height: 40px; + width: 80px; + height: 45px; margin: auto; } +p.adown{ + text-align:center; + width:90px; + margin:auto; + font-weight: bolder; + font-size: 0.8em; + padding-bottom:5px; +} section.trans{ /* background-color: gray;*/ width: 100%; diff --git a/templates/home/home.html.ep b/templates/home/home.html.ep index f89a8a3..bbdd4ef 100755 --- a/templates/home/home.html.ep +++ b/templates/home/home.html.ep @@ -18,7 +18,7 @@ -
+

Desplázate hacia abajo

diff --git a/templates/home/htmlNav.html.ep b/templates/home/htmlNav.html.ep index d31bffd..9834710 100755 --- a/templates/home/htmlNav.html.ep +++ b/templates/home/htmlNav.html.ep @@ -9,13 +9,18 @@

(55) 5412 9940

+