Now I have moved to the bottom and still can see it in mobile device iPhone.
Please look:
.page-heading { padding-top: 25px; padding-bottom: 0px; margin-top: 0; margin-bottom: 0 !important; position: relative; text-align: left; border-bottom: 0px solid transparent; border-top: 0!important; }
.page-heading h1, .page-heading h3 { color: #ffffff; }
body .has-one-sidebar ul.products li.product { width: 229px; }
.inner-page-wrap { margin-top: 10px; margin-bottom: 0px; }
figure img { width: 70%; height: auto; }
.woocommerce .wc-new-badge, .woocommerce .free-badge {
display: none;
}
#breadcrumbs {display:none;
}
.search-results .page-heading {
display: none;
}
.search-results .standard-post-author {
display: none;
}
.search-results .inner-page-wrap {
padding-top: 220px;
}
.search-results .standard-post-details .standard-post-date {
display: none;
}
@media only screen and (min-width: 480px) {
.search-results .blog-items.standard-items .blog-item figure {
width: 50%;
}
.login-wrap {
width: 50%;
margin: 0 auto;
}
.search-results .blog-item {
padding-top: 15px;
margin-bottom: 15px;
}
.woocommerce ul.products li.product figure {
width: 75%;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
margin-right: 40px;
}
.product-category.product img {
width: 80%!important;
}
/* IMAGE AREA */
.woocommerce div.product div.images {
width: 37%;
}
/* DETAILS AREA */
.woocommerce div.product div.summary {
width: 60%;
}
.woocommerce ul.products li.product figure {
left: 11%;
}
.accordion-inner h2 {
display: none;
}
.search-results .love-it-wrapper {
display:none;
}
}
.shop-actions {
display: none;
}
.product_meta p .leave-feedback {
display: none;
}