Hi James … here is my child css
text/css style.css ( ASCII C program text )
/*
Theme Name: storefront child
Author: Carlos Jaramillo
Template: storefront
*/
/* write custom css */
/* navigation font size and style with "font-family" etc */
.main-navigation {
font-size: 13px;
/*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
}
/* set pages size by ID - replace "xx" by page id */
/* this one is home page id 36 */
.page-id-36 .site-content .col-full {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
/*search bar width */
.widget_search form, .widget_product_search form {
position: relative; }
.widget_search form input[type=text], .widget_search form input[type=search], .widget_product_search form input[type=text], .widget_product_search form input[type=search] {
width: 100%;
padding-left: 2.618em; }
/**
* Footer
*/
.site-footer {
background-color: #f3f3f3;
color: #93979f;
padding: 0; }
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
color: #82868e; }
.site-footer a:not(.button) {
color: #96588a; }
.site-info {
padding: 20px; }
.footer-widgets {
padding-top: 0;
}
.hentry {
margin-bottom: 0;
}
/*Horizontal bar color */
.page-template-template-homepage .hentry .entry-header,
.page-template-template-homepage .hentry,
.page-template-template-homepage .storefront-product-section {
border-color: white;
}
/* change the size of the logo, secondary navigation and search bar */
@media screen and (min-width: 768px) {
/* LOGO */
.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link { width: 7% !important; /* Use px values if you want, eg. 350px */ }
/* SECONDARY NAVIGATION */
.site-header .secondary-navigation { width: 7% !important; /* Use px values if you want, eg. 350px */ }
body.woocommerce #primary { width: 100%; }
/* hides the page title. NOTE: shop title hide is on php-- 2nd NOTE: Title toggle plugin= home page removed */
.entry-header {
display: none;
}
/*Reduce content area padding*/
#main { padding-top: 0 ; }
.singular.page .hentry {
padding: 0;
}
.content-area, .widget-area {
margin-bottom: 0;
}
/*Title area size*/
.singular .entry-header, .singular .entry-content {
width: 70%;
}
/*Content Margin*/
.singular #content, .left-sidebar.singular #content {
margin: 0 5.6%;
}
/*Entry content padding*/
.singular .entry-content {
padding: 0;
}
/*Article padding*/
article.page {
padding: 0 10px;
}
/*Site header height + padding + BG color*/
.site-header {
background-color: #fff;
padding-top: 10px !important;
padding-bottom: 0px !important;
}
/*Logo Area*/
header#masthead {
background: none;
}
header#masthead hgroup {
position: relative;
padding-bottom: 0px !important;
padding-top: 0px !important;
zoom: 0;
/*Box Around links*/
a:focus,
.focus a {
outline: yes !important;
}
/*menu width*/
.navbar-wrapper .navbar.notresp.row-fluid {
float: none;
width: 100%;
margin: 0 auto;
}
/* more here on */
Is there any thing wrong there?
Thanks