Home › Forums › WoodMart support forum › Disable product hover for mobile version

Disable product hover for mobile version

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 29, 2020 at 11:01 am #229585

    precise
    Participant

    Yes i solved desktop problem and wishlist icon. But I want it to be seen in its mobile version without hover operation. I want all products and all my lists to look like the photo on mobile without hovering over them.

    Sample: https://ibb.co/Dk4nQTm

    September 29, 2020 at 11:52 am #229613

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    We have replied to your ticket in which you asked the same question.

    https://xtemos.com/forums/topic/i-need-customize-product-style/#post-229552

    Please do not create Multiple topics asking the same question.

    Best Regards.

    September 29, 2020 at 3:26 pm #229703

    precise
    Participant

    i need always visible “add to cart” button and variation swatches for mobile version.

    Actually briefly i need “Standard button” product style for mobile version. Help me and thank you.

    https://ibb.co/WDpQmHm

    September 30, 2020 at 6:48 am #229806

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached.

    Sorry but this is not possible to use different styles for product grids for mobile and desktop it will work the same for mobile and desktop.

    Regard’s.
    Xtemos Studio.

    September 30, 2020 at 9:47 am #229855

    precise
    Participant

    Isn’t it possible to apply this specifically to mobile for media tag and css codes? I do not want the slip, shadow or any change that occurs when hovering over the mobile, I want all of them to be seen directly. Like the add to cart button, variation options.

    September 30, 2020 at 12:25 pm #229898

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry but this is not possible with Simple Custom CSS. It will require core file customizations as well that is beyond our limitations and support policy.

    Best Regards.

    September 30, 2020 at 12:37 pm #229902

    precise
    Participant

    I’m not talking about choosing two different product styles. For example, for the add to cart button, the media tag on the css side and display: none; visibilty: hidden; options such as display for mobile: block; and visibilty: visible; Is this not possible with such arrangements?

    September 30, 2020 at 1:07 pm #229912

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    As I mentioned in my previous reply. Sorry, but we could not help you with this because it is not possible with Simple Custom CSS. It will require core file customizations as well that is beyond our limitations and support policy.

    Best Regards.

    October 1, 2020 at 5:20 am #230044

    precise
    Participant

    Hello,

    I set it to open the product page with a single click on the products and I use it that way. When it comes to this, details such as the add to cart button appear are very dysfunctional in this context. You said that I cannot solve it with only css codes, but I would be glad if you could show me a way. What changes should I make? Even if you don’t provide all the support, please give me a road map.

    Thank you.

    October 1, 2020 at 8:43 am #230114

    Artem Temos
    Keymaster

    Hello,

    Sorry, but we don’t have an instruction or road map to such customization. You can write your custom CSS and paste it for different devices in Theme Settings -> Custom CSS. But creating such a code is out of our theme support scope.

    Kind Regards

    October 1, 2020 at 9:21 am #230123

    precise
    Participant

    Hello,

    How can I disable the auto defined style margin-bottom: -57px for the content-product-images class for mobile version?

    Detail Screenshoot: https://ibb.co/PwxsCNX

    Please help me. I think I can do the rest if you only support at this point.

    Thank you.

    October 1, 2020 at 9:22 am #230125

    Artem Temos
    Keymaster

    You can override it with a simple CSS like this

    .content-product-imagin {
    margin-bottom: 0!important;
}
  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)