Skip to content

Jeff Balicki / stellervista-micro

Go to a project
Toggle navigation
Toggle navigation pinning
3f0556e7 by Jeff Balicki
Options

footer and header fix 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent faa31134
Inline Side-by-side
Showing 10 changed files with 140 additions and 13 deletions
......@@ -14920,6 +14920,14 @@ figure.woocommerce-product-gallery__wrapper {
height: 123px;
}
#wrapper-navbar {
position: fixed;
box-shadow: 0px 7px 15px -3px rgba(0, 0, 0, 0.39);
width: 100%;
z-index: 999;
background-color: #fff;
}
.home-header {
position: relative;
height: 100%;
......@@ -14931,6 +14939,7 @@ figure.woocommerce-product-gallery__wrapper {
display: flex;
align-content: space-around;
flex-wrap: wrap;
top: 120px;
}
.home-header .content-container {
margin-left: 35%;
......@@ -14978,9 +14987,14 @@ figure.woocommerce-product-gallery__wrapper {
}
.home-page {
margin-top: -50px;
margin-top: -40px;
padding-bottom: 0px;
}
.home-page .entry-content {
margin-top: 120px;
position: relative;
z-index: 99;
}
h1, .h1 {
color: #183668;
......@@ -15168,6 +15182,8 @@ element.style {
height: 100px;
margin-top: -100px;
position: absolute;
padding-bottom: 80px;
z-index: 99;
}
#wrapper-footer:before {
......@@ -15183,6 +15199,28 @@ element.style {
margin-top: -120px;
}
.site-footer img {
float: right;
margin-top: -30px;
width: 230px;
}
#menu-footer {
list-style: none;
padding-left: 0px;
}
#menu-footer li a {
color: #fff;
text-decoration: none;
font-size: 18px;
line-height: 24px;
font-weight: 300;
}
#menu-footer li a:hover {
color: #fff;
text-decoration: none;
}
.block-link {
text-decoration: none;
}
......@@ -15282,6 +15320,11 @@ element.style {
transition: 0.3s;
}
#full-width-page-wrapper:not(.home-page) {
padding-bottom: 200px;
padding-top: 130px;
}
.extra-wide-left {
padding: 50px 90px 90px 0px;
}
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -17,27 +17,40 @@ $container = get_theme_mod( 'understrap_container_type' );
<div class="wrapper" id="wrapper-footer">
<div class="<?php echo esc_attr( $container ); ?>">
<div class="<?php echo esc_attr( $container ); ?>">
<div class="row">
<div class="row">
<div class="col-md-12">
<div class="col-md-6 col-sm-12 site-info-menu">
<footer class="site-footer" id="colophon">
<footer class="site-footer">
<div class="site-info">
<div class="">
<?php understrap_site_info(); ?>
<?php dynamic_sidebar( 'custom-footer-left-widget' ); ?>
</div><!-- .site-info -->
</div><!-- .site-info -->
</footer><!-- #colophon -->
</footer><!-- #colophon -->
</div><!-- col -->
</div><!-- col -->
<div class="col-md-6 col-sm-12">
</div><!-- .row -->
<footer class="site-footer">
</div><!-- .container(-fluid) -->
<div class="site-info">
<?php dynamic_sidebar( 'custom-footer-right-widget' ); ?>
</div><!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- col -->
</div><!-- .row -->
</div><!-- .container(-fluid) -->
</div><!-- #wrapper-footer -->
......
......@@ -5,6 +5,7 @@
require_once 'disable-comments.php';
require_once 'blocks.php';
require_once 'contact-7.php';
require_once 'widgets-area.php';
define( 'ALLOW_UNFILTERED_UPLOADS', true );
......
<?php
function custom_widgets_init() {
register_sidebar( array(
'name' => 'Custom Footer Left Widget Area',
'id' => 'custom-footer-left-widget',
'before_widget' => '<div class="chw-widget">',
'after_widget' => '</div>',
'before_title' => '<h2 class="chw-title">',
'after_title' => '</h2>',
) );
register_sidebar( array(
'name' => 'Custom Footer Right Widget Area',
'id' => 'custom-footer-right-widget',
'before_widget' => '<div class="chw-widget">',
'after_widget' => '</div>',
'before_title' => '<h2 class="chw-title">',
'after_title' => '</h2>',
) );
}
add_theme_support( 'widgets' );
add_action( 'widgets_init', 'custom_widgets_init' );
\ No newline at end of file
......@@ -14,6 +14,11 @@
@import "footer";
@import "link_block";
#full-width-page-wrapper:not(.home-page) {
padding-bottom: 200px;
padding-top: 130px;
}
.extra-wide-left{
padding: 50px 90px 90px 0px;
}
......
......@@ -4,6 +4,8 @@
height: 100px;
margin-top: -100px;
position: absolute;
padding-bottom: 80px;
z-index: 99;
}
#wrapper-footer:before{
......@@ -19,4 +21,28 @@ background-repeat: no-repeat;
margin-top: -120px;
}
.site-footer{
img{
float: right;
margin-top: -30px;
width: 230px;
}
}
#menu-footer{
list-style: none;
padding-left: 0px;
li{
a{
color: #fff;
text-decoration: none;
font-size: 18px;
line-height: 24px;
font-weight: 300;
&:hover{
color: #fff;
text-decoration: none;
}
}
}
}
......
#main-nav{
height: 123px;
}
#wrapper-navbar{
position: fixed;
-webkit-box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39);
box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39);
width: 100%;
z-index: 999;
background-color: #fff;
}
.home-header{
position: relative;
height: 100%;
......@@ -12,6 +20,7 @@
display: flex;
align-content: space-around;
flex-wrap: wrap;
top: 120px;
.content-container{
margin-left: 35%;
width: 100%;
......@@ -54,6 +63,11 @@ bottom: 0px;
}
.home-page{
margin-top: -50px;
margin-top: -40px;
padding-bottom: 0px;
.entry-content {
margin-top: 120px;
position: relative;
z-index: 99;
}
}
\ No newline at end of file
......