css Foodie Pro Genesis儿童主题主页的全宽CSS调整

Posted 2021-05-13

/* register and hook the widget area in the genesis_before_content area for home page only */

/*fake demo only DON't use */
nav.nav-primary:after {
    content: '';
    width: 100%;
    height: 0px;
    padding-top: 30%;
    background: url(http://shaybocks.co/foodiepro/wp-content/uploads/2012/01/nectarines-680x400.jpg) no-repeat center center;
    background-size: cover;
    margin-top: 30px;
}
/* don't use above */

/* Home Page Structure */
body.home.foodie-pro .site-container {
    max-width: none
}

body.home.foodie-pro .site-container .site-header .wrap,
body.home.foodie-pro .site-container nav.nav-primary .wrap,
body.home.foodie-pro .site-inner,
body.home.foodie-pro .site-footer .wrap {
    max-width: 1140px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    float: none;
}

body.home.foodie-pro .footer-widgets {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

body.home.foodie-pro .site-container,
body.home.foodie-pro .before-header {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (max-width: 1023px) { 
	body.home.foodie-pro .site-container,
	body.home.foodie-pro .before-header {
	    padding-left: 0;
	    padding-right: 0;
	}

	body.home.foodie-pro .site-container .site-header .wrap,
	body.home.foodie-pro .site-container nav.nav-primary .wrap,
	body.home.foodie-pro .site-inner,
	body.home.foodie-pro .footer-widgets,
	body.home.foodie-pro .site-footer .wrap {
	    padding-left: 5%;
	    padding-right: 5%;
	}
}