A couple of problems with the mobile and tablet view

[Fabio]

Hi
My shop has couple problems. I hope you can help me. Thanks in advance.
1)Unfortunately I can not disable the Mobile Top Text. I had a Problem with WPML and now I have the Text [English] appears on every English version of the Mobile site. I tried the command: #mobile-top-text{display: none;} but it doesn’t work. Do you know any other code to disable the mobile top text?

2)On the tablet version of the main page, the text for the Recent posts is too narrow. Is there a way to customize this for the Tablet view?

3)On the tablet version of the main page in the Products area the Cart Icons are too big. Is there a way to reduce the icon with?

4)On the shop page with the list view, the categories are centered in the text. Can not they be left-aligned?

5)On a product page I have no Reviews area. Where are the settings to display this area?

6)On the mobile view of the shop, in the list view I have again the 2 problems of before: The shopping cart conceals the product picture (can make the icon smaller?) And the text view, the category is again centered. How can I make they left-aligned?

7)On the mobile view of the shopping cart is the “X” that is needed to remove the products from the shopping cart right at the right edge. How can I correct this?

Thanks again for the help!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us admin credentials in a private reply so we can check all your questions?
Thanks

-Rui

[Fabio]

This reply has been marked as private.

[David Martin – Support]

1) Remove the shortcode: Theme Options => Mobile Header Options => Mobile Top Bar Text.

2) You can set different column sizes for each column within a Row:

3) Please add this to Theme Options => Custom CSS:

@media only screen and (max-width: 767px) {
.product figure .cart-overlay a[class*="product_type"], 
.product figure .cart-overlay .yith-wcwl-add-to-wishlist a {
    padding: 9px 11px;
    height: 32px;
    width: 32px;
}
.product figure .cart-overlay .shop-actions a>i.sf-icon-add-to-cart {
    margin-left: -4px;
    font-size: 18px;
}
}

4) Please add this to Theme Options => Custom CSS:

@media only screen and (max-width: 991px) {
.products .product .product-details .posted_in {
    text-align: left !important;
}
}

5) Have you enabled product ratings? https://docs.woocommerce.com/document/configuring-woocommerce-settings/#section-4.

6) Should be sorted with no.3.

7) Can you screenshot what you refer to?

[Fabio]

All problems are fixed. Thanks for the great support!

[David Martin – Support]

Glad to help you out!

If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

Thanks,
David