Menu over content on Products, Portfolio and posts
Ok this is the situation. I was using the seetings of the demo "Digital"... but didn't like the "shop" page. So in other page I installed the demo "store" and copy some settings into my "TheStore" page. In the beggining it seems that it works but then I realize a problem in the top menu. Is over printed over the content. Please take a look because this also affect the blog page and products page.
----------------------------------------------------------------------------------------------------------------------
And I just added this code in my Custom CSS:
.highlight-font { font-family: Playfair display, serif; font-weight: 700; font-style: italic; }
/* Shop slider */
.shop_slider .shop_slider_ul li .item_wrapper .desc { background: none; text-align: center; }
.shop_slider .blog_slider_header .title { font-size: 30px; line-height: 30px; }
.shop_slider .blog_slider_header { margin-bottom: 25px; height: 49px; }
.shop_slider .shop_slider_ul li .item_wrapper .desc h4 { font-size: 20px; line-height: 28px; }
/* Products */
.woocommerce ul.products li.product .desc { background: none; text-align: center; }
.woocommerce ul.products li.product .desc h4 { font-size: 20px; line-height: 28px; }
.woocommerce ul.products li.product .desc .star-rating { display: inline-block; }
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: 400; }
.woocommerce ul.products li.product .price ins { font-weight: 400; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { font-size: 16px; }
Comments
as we can see, the content goes behind the logo and the menu because you set transparent header. So if you don't like how transparency looks like, please use different header style.
Thanks!