prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated navmenu for mobile - maybe not latest version...

Browse Source
This commit is contained in:
Richard Thier 2020-03-06 23:18:52 +01:00
parent 34b69ac256
commit aa406e688b
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
prosopopee/themes/exposure/static/css/style.css
View File

@ -467,7 +467,7 @@ input:checked + .slider:before {
#nav p { /* For email and phone for example */
color:#FFF;
text-align:left;
font-size:2.5vw;
font-size:2.5vmin;
padding:0;
margin:0;
}
@ -493,15 +493,15 @@ input:checked + .slider:before {
}
#nav ul li i { /*betűméret - szélesség (ikonsor)*/
font-size:2.8vw;
width:3.4vw;
font-size:2.8vmin;
width:3.0vw;
}
#nav ul li a { /*betűméret - menü szöveg*/
display:block;
padding:1.6vw 3.0vw;
padding:1.5vh 3.0vw;
color:#FFF;
font-size:2.8vw;
font-size:2.8vmin;
text-decoration:none;
font-family: Georgia, serif;
text-align:center;
@ -513,7 +513,7 @@ input:checked + .slider:before {
/* almenük elrejtése */
#nav ul ul {
display: none;
position: absolute; top: 60%;
position: absolute; top: 100%;
}
/* hover-re megjelenítés */
@ -556,7 +556,7 @@ nav ul ul ul li {
.polaroid-line {
width: 70vw;
margin: auto;
position: relative; /* Needed when cust_pos becomes active and children are absolute positioned for this one */
position: relative; /*Needed when cust_pos becomes active and children are absolute positioned for this one*/
}
a.polaroid {

16
prosopopee/themes/exposure/templates/sections/navmenu.html
View File

@ -6,7 +6,7 @@
<ul>
<li><a href="#"><i class="fas fa-home fa-2x"></i><Br/>{{ section.home_text }}</a></li>
{% if has_goto %}
<li><a href="#"><i class="fas fa-list"></i><Br/>{{ section.goto_text }}</a>
<li><a href="#"><i class="fas fa-list fa-2x"></i><Br/>{{ section.goto_text }}</a>
<ul>
{% for goto in gotolist %}
<li><a href="#{{ goto.menuid }}"><i class="fas fas fa-arrow-right"></i>{{ goto.text }}</a></li>
@ -15,24 +15,24 @@
</li>
{% endif %}
{% if section.blog %}
<li><a href="{{ section.blog }}"><i class="fas fa-newspaper"></i><Br/>Blog</a></li>
<li><a href="{{ section.blog }}"><i class="fas fa-newspaper fa-2x"></i><Br/>Blog</a></li>
{% endif %}
<li><a href="#"><i class="fas fa-envelope-square"></i><Br/>{{ section.contact_text }}</a>
<li><a href="#"><i class="fas fa-envelope-square fa-2x"></i><Br/>{{ section.contact_text }}</a>
<ul>
{% if section.email %}
<li><a href="mailto:{{ section.email }}"><i class="fas fa-envelope-square"></i>Email</a></li>
<li><a href="mailto:{{ section.email }}"><i class="fas fa-envelope-square fa-2x"></i>Email</a></li>
{% endif %}
{% if section.facebook %}
<li><a href="{{section.facebook}}"><i class="fab fa-facebook"></i>Facebook</a></li>
<li><a href="{{section.facebook}}"><i class="fab fa-facebook fa-2x"></i>Facebook</a></li>
{% endif %}
{% if section.linkedin %}
<li><a href="{{section.linkedin}}"><i class="fab fa-linkedin"></i>Linkedin</a></li>
<li><a href="{{section.linkedin}}"><i class="fab fa-linkedin fa-2x"></i>Linkedin</a></li>
{% endif %}
{% if section.twitter %}
<li><a href="{{section.twitter}}"><i class="fab fa-twitter"></i>Twitter</a></li>
<li><a href="{{section.twitter}}"><i class="fab fa-twitter fa-2x"></i>Twitter</a></li>
{% endif %}
{% if section.github %}
<li><a href="{{section.github}}"><i class="fab fa-github"></i>Github</a></li>
<li><a href="{{section.github}}"><i class="fab fa-github fa-2x"></i>Github</a></li>
{% endif %}
</ul>
</li>