[crystallisspecimens]

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;
}

[crystallisspecimens]

Do you mean login to the wordpress?
Or just the link to my website?

The Link is here:
http://www.crystallis.com

[crystallisspecimens]

Hello Kyle,

I have a custom css to remove LEAVE FEEDBACK. It works for the website in the computer but in mobile devices I still have the Leave Feedback button. Last time you told me that this code could probably be inside a media query. But I have moved the code (customs css) all around in the customs css but still appears in iPhone.

Maybe I can send you all my custom css in the next message?
Let me know.

THX

[crystallisspecimens]

Hello Kyle,

Where can I find:

/js/functions.js line 565.

So I can do some changes.

THX

[crystallisspecimens]

Yes it works great!
But Leave feedback still apears in the mobile device.
I have moved also to the bottom od custom css but nothing happens.

thank yo

[crystallisspecimens]

Kyle,

When I use this code:

@media only screen and (min-width: 480px) {
.search-results .blog-items.standard-items .blog-item figure {
width: 50%;
}
}
.shop-actions {
display: none;
}

The black box goes away on the mobile device but then in the product single page, the picture and information are not fine.

If I remove this (}) from the code and include the shop actions in the query, then the picture and information is fine but the black box comes back again.

[crystallisspecimens]

here it is

Attachments:

You must be logged in to view attached files.

[crystallisspecimens]

Hello Kyle,

Before I follow those steps I noticed that there is a problem with the picture of a product in the mobile device. It becomes very small.

I have the following custom css:

@media only screen and (min-width: 480px) {
.search-results .blog-items.standard-items .blog-item figure {
width: 50%;
}
}
.shop-actions {
display: none;
}

The black box is gonne but in the single page product the image become much smaller and also the description too.
I noticed that the Leave Feedback is still on the mobile device. I used a customs css to remove this but on iphone stills showing.

THX

[crystallisspecimens]

File is attched

Attachments:

You must be logged in to view attached files.

[crystallisspecimens]

HEllo Kyle,

This is what I have done:
I took out this code:

@media only screen and (min-width: 480px) {
.search-results .blog-items.standard-items .blog-item figure {
width: 50%;
}

And I left only this code:

.shop-actions {
display: none;
}

The black box is out from the computer and mobile but on the mobile I can still see part of the second image. The second image that roll over.

HAve I done anything wrong? With the codes?

THX

[crystallisspecimens]

HEllo Kyle,
Yes I have this code on the custom css.
What do I need to do?
Remove the whole code?

Sorry I did not understand what needs to be done?

[crystallisspecimens]

Hi Kyle,

I have this code already. It works for the website on a computer but in iphone device, I still see the black box. Or in the computer when I give a zoom 200% for example the black box appear again.

THX

[crystallisspecimens]

Gallery

[crystallisspecimens]

Hello Kyle,

I have a problem with the website showing on a mobile device (iPhone).
Recently we removed the black box (Add to shopping bag button) from the products. This works fine for the website in a normal computer but in a mobile device I still see the black bar on the product photo.

Do you know how is possible to remove it also from iPhone device?

Thx

[crystallisspecimens]

ok thanks