Image Overlay issue

as you can see i have issue with the cart overlay and menu on mobile .. i tried to remove the whatsapp plugin .. removed the language button but still same issue the overlay is not covering the whole page..

Attachments:

You must be logged in to view attached files.

ok i sloved the issue it was coming from cache plugin css inline..

i have another question how i can make the ADD TO CART button in shop page smaller (NOT PRODUCT PAGE) only in shop page..

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woodmart-hover-standard .add-to-cart-loop span {
  line-height: 14px;
  padding: 8px 12px;
}

Reduce the values as per your needs.

Best Regards

Thanks alot another question ! How i can adjust the product title also in shop page only not all .. if i change in advanced typography it will be affected in both shop and product .. i just want shop.

I mean adjust the size of it

Hello,

You can use this code or take these selectors:

body .title-line-one .product-grid-item .product-title, 
body .title-line-two .product-grid-item .product-title {
    line-height: 18px;
    color: red;
    font-size: 20px;
} 

Best Regards

Great thanks alot last question i promise .. how can i move the cart white icon to the left corner?

On mobile view of course

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-hover-icons .woodmart-buttons {
    display: block;
    max-width: 40px;
}

Best Regards

[Author]

Posts