@media (min-width: 769px) {
.main-navigation .main-nav > ul > li:not(:last-child) {
position: relative;
}
.main-navigation .main-nav > ul > li:not(:first-child) > a:after {
content: " \007C";
display: block;
position: absolute;
left: 0;
top: 0;
font-size: 10px;
}
}
GeneratePress
GeneratePress Fixed Footer
.inside-article {
min-height: 100%;
min-height: 100vh;
padding-top: 65px;
position: relative;
z-index: 1;
margin-bottom: calc(30vh + 141px)!important; /*an Höhe #footer-widgets anpassen*/
}
#footer-widgets {
height: 30vh!important; /*an margin-bottom .inside-article anpassen*/
position: fixed;
left: 0;
right: 0;
bottom: 63px; /*an Höhe .site-info anpassen*/
overflow: scroll;
}
.site-info {
position: fixed;
left: 0;
right: 0;
bottom: 0;
}
GP: Footer Widget Width
add_filter( 'generate_footer_widget_1_width', function() {
return '30';
} );
add_filter( 'generate_footer_widget_2_width', function() {
return '30';
} );
add_filter( 'generate_footer_widget_3_width', function() {
return '20';
} );
add_filter( 'generate_footer_widget_4_width', function() {
return '20';
} );
Site Title & Description
<div class="site-branding">
<p itemprop="headline" class="main-title"><a rel="home" title="titel der seite" href="url der homepage">titel der seite</a></p>
<p class="site-description">tagline</p>
</div>
<div class="site-branding">
<p itemprop="headline" class="main-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></p>
<p class="site-description"><?php bloginfo('description'); ?></p>
</div>
GP: Sticky Navi colors
Background:
.main-navigation.navigation-clone {
background-color: rgba(74,94,155,0.7);
}
Menu Items
.main-navigation.navigation-stick .main-nav ul li a {
color: #000000;
}
Post Navigation – INLINE

.post-navigation {
display: flex;
}
.post-navigation .nav-next {
width: 50%;
text-align: right;
}
.post-navigation .nav-previous {
width: 50%;
}
.post-navigation .nav-next .next:before {
display: none;
}
.post-navigation .nav-next .next:after {
font-family: GeneratePress;
text-decoration: inherit;
position: relative;
margin-left: .6em;
width: 13px;
text-align: center;
display: inline-block;
content: "\f105";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
speak: none;
}
Mit GP SVG
.post-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
font-size: 120%;
text-decoration: underline;
}
.post-navigation .nav-next, .post-navigation .nav-previous {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post-navigation .nav-previous {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.entry-meta .nav-next .gp-icon {
margin-right: 0;
margin-left: .6em;
}
.entry-meta .gp-icon {
font-size: 20px;
}