mobile sidebar issues

[Mike]

Mike

January 27, 2016 at 9:38 am

Hi,
On this site… akrasprint.com, I’m having problems with the sidebar shrinking and looking bad on mobile. When I add the css @media (min-width: 992px) It fixes it, but then makes other css code not function properly. For example, in my woocommerce shop page, I have hidden the price for products, and when I add the @media (min-width: 992px) code the price will appear again when viewing the site in mobile version.

So essentially the @media (min-width: 992px) code fixes the sidebar mobile problem, but creates another problem with the pricing being shown on my store.

Do you know what I’m missing? Here is all my custom css.. thanks.

@media (min-width: 992px) {
.page-header > h1 {
font-size: 0;
line-height: 2px;
margin: 0;
}
.post-header > h1 {
font-size: 0;
line-height: 2px;
margin: 0;
}
#kadbreadcrumbs {
font-size: 14px; padding-top: 35px; padding-right: 30px; padding-bottom:15px;
}
.category .2015-2016-News #kadbreadcrumbs {
font-size: 14px; position: absolute; padding-top: 25px; padding-right: 40px;
}
.main.col-lg-9 {
width: 78%;
}
.kad-sidebar.col-lg-3 {
width: 22%;
}
.tw-recent-posts .excerpt {
padding-bottom:25px;
}
.tw-recent-posts .excerpt {
border-bottom: solid 1px #0F2674;
}
.tw-recent-posts h4 {
padding-top: 25px;
}
.panel-grid-cell .widget-title {
display:none;
}
.kad-sidebar {
background-color: #f2f2f2;
padding: 5px 30px 30px 30px;
}
.main.col-lg-9 {
width: 73%;
}
.kad-sidebar.col-lg-3 {
width: 27%;
}
.sidebar {
border-radius: 10px;
}
#topbar{
border-radius: 5px;
}
.kad-banner {
padding-top:30px;
}
.single-article .post .entry-title {
padding-top: 40px;
}
.single-article .post .entry-title {
padding-top: 40px;
}
.topbarmenu ul li a {
color: #000000;
}
#topbar-search input[type=text], #topbar-search #searchsubmit {
color: #000;
}
#topbar-search .form-search ::-webkit-input-placeholder {
color: #000;
}
#topbar-search .form-search ::-moz-placeholder {
color: black;
}
#topbar-search .form-search :-ms-input-placeholder {
color: black;
}
#topbar-search input[type=text] {
border: 1px solid #000;
}
#nav-main {
background-color:#f2f2f2;
}
#nav-main ul.sf-menu>li>a {
border-right: 1px solid #000;
}
#nav-main ul.sf-menu>li:last-child > a {
border: none;
}
#nav-main ul.sf-menu>li:first-child > a {
border-left: none;
}
.product_item .price {
display:none;
}
.product_item .notrated {
display:none;
}
.senior-masters .summary .price {
display:none;
}
.woocommerce .quantity
input.qty {
display:none;
}
.post-384 .summary .price {
display:none;
}
.post-386 .summary .price {
display:none;
}
.post-387 .summary .price {
display:none;
}
.post-246 .summary .price {
display:none;
}
.post-243 .summary .price {
display:none;
}
.post-286 .summary .price {
display:none;
}
.post-285 .summary .price {
display:none;
}
.post-284 .summary .price {
display:none;
}
.post-243 .summary .price {
display:none;
}
.post-330 .summary .price {
display:none;
}
.post-360 .summary .price {
display:none;
}
.post-361 .summary .price {
display:none;
}
#nav-second ul.sf-menu {
padding-top:15px;
}
.home #nav-second ul.sf-menu {
display:none;
}
.about #nav-second ul.sf-menu {
display:none;
}
.classes #nav-second ul.sf-menu {
display:none;
}
.schedules #nav-second ul.sf-menu {
display:none;
}
.florida-pro-kart-series-classes #nav-second ul.sf-menu {
display:none;
}
.contact #nav-second ul.sf-menu {
display:none;
}
.category-2015-2016-news #nav-second ul.sf-menu {
display:none;
}
.shop #nav-second ul.sf-menu {
display:none;
}
.woocommerce
input.input-text,
form.checkout
input.input-text {
width:50%;
}
.checkout .woocommerce
input.input-text,
form.checkout
input.input-text {
width:100%;
}
#nav-main {
border-radius:5px;
}