paramecio/cuchulublog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixes for mobiles

Browse source
This commit is contained in:
Antonio de la Rosa 2021-12-15 19:51:57 +01:00
parent 664842d309
commit 5f815907e1
3 changed files with 163 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

119
media/css/layout.css
View file

@ -79,6 +79,48 @@ nav#nav_home li {
}
nav#nav_mobile ul {
list-style-type: none;
padding:0px;
margin:0px;
width:100%;
}
nav#nav_mobile li {
display:block;
color: #fff;
}
nav#nav_mobile li a{
display:block;
width:100%;
background:#6e84ff;
color: #fff;
padding:5px 10px;
border: solid #fbfbfb;
border-width: 1px 0px 0px 0px;
}
nav#nav_mobile li a:active{
background:#7f95ff;
}
nav#nav_mobile li a i{
display:inline-block;
width:20px;
text-align:center;
}
.header_nav {
background: #253062;
@ -162,6 +204,12 @@ nav#nav_home a:hover {
}
#logo {
position:relative;
}
#logo img {
width:250px;
@ -315,3 +363,74 @@ a.button {
}
#nav_home_mobile {
display:none;
}
/*Layout*/
@media only screen and (max-width: 1040px) {
nav#nav_home {
display: none;
}
.container {
width:100%;
max-width:100%;
min-width:100%;
}
#nav_home_mobile {
display:inline-block;
position:absolute;
/*width:50px;*/
/*border: solid #f00 1px;*/
right:5px;
/*right:50px;*/
}
#nav_home_mobile a {
color: #fff;
display:block;
font-size: 32px;
}
.column_50 {
width:100%;
margin-top:15px;
}
.logo {
/*width:200px;
position:absolute;
top:0px;
left:0px;
z-index:20;
clear:both;*/
width:100%;
}
#menu_big {
display:none;
}
}