Home › Forums › WoodMart support forum › Hotspot cut by container if row stretch is used

Hotspot cut by container if row stretch is used

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • September 14, 2019 at 1:28 pm #143877

    horny_fungus
    Participant

    Hi, as soon as row stretch is set to one of 3 stretch options hotspots are being cut buy container. Only part of hotspot which is inside this row is shown, part which should be rendered outside is being cut.
    See example below:

    September 14, 2019 at 2:11 pm #143900

    Elise Noromit
    Member

    Hello,

    Please update the site admin access to the private area I cannot view your site.

    Best Regards

    September 14, 2019 at 4:16 pm #143917

    horny_fungus
    Participant

    Sorry, site was in maintenance mode. I disabled it.

    September 14, 2019 at 7:46 pm #143933

    Elise Noromit
    Member

    Hello,

    Please try to set the row width “Stretch content” https://wpbakery.com/video-academy/full-width-row/

    If it does not help, please provide your site admin access to the private area.

    Best Regards

    September 15, 2019 at 12:37 pm #144011

    horny_fungus
    Participant

    Hotspot is being cut when I select “stretch row”, “stretch row and content” or “stretch row and content (no paddings)”. Hotspot is being fully shown only when I set row stretch to “default”.

    September 15, 2019 at 6:14 pm #144060

    Elise Noromit
    Member

    Hello,

    You need to add padding to the element as shown: https://gyazo.com/d6b331136f98d78ff344721b1d3d3022 For now, I have added 300 px to test and you will get the result like this https://gyazo.com/0fdd6871794ffd34947ba7aefd15e72f

    You can reduce or increase the padding.

    Best Regards

    September 15, 2019 at 7:04 pm #144065

    horny_fungus
    Participant

    This worked to some degree, but seems more like a workaround than a true solution. This way I have to make significant gap between rows, otherwise hotspot is being cut where next row begins. This does not happen when row is not stretched – hotspot is being overlapped over next row content (this is what I want). See pics attached:

    September 16, 2019 at 7:16 am #144155

    Elise Noromit
    Member

    Hello,

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

    .container .vc_row.woodmart-disable-overflow,
.container .vc_section.woodmart-disable-overflow {
    overflow: visible;
}

    This will be fixed in the next update.

    Best Regards

    September 18, 2019 at 2:47 pm #144995

    horny_fungus
    Participant

    Thanks, the code worked.

    September 18, 2019 at 5:38 pm #145034

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

    October 16, 2019 at 1:18 pm #150458

    horny_fungus
    Participant

    The code you provided works great, but I found one situation when I am still facing the same problem – hotspot container is being cut. This happens when I use hotspot inside Woodmart slider, can you please provide some solution.
    Check below for link to page with issue:

    October 16, 2019 at 7:44 pm #150545

    Elise Noromit
    Member

    Hello,

    Please provide updated access to your site.

    Best Regards

    October 17, 2019 at 8:53 am #150634

    horny_fungus
    Participant

    Here it is:

    October 17, 2019 at 1:09 pm #150715

    Elise Noromit
    Member

    Hello,

    We have checked and have to inform you that the carousel is not intended for the hotspot element.

    The slider nature requires blocks to have overflow: hidden. If we set overflow: visible for slider blocks, all other blocks would be shown https://gyazo.com/2ff5412813e101060a2fef4d68f4bfd8

    The hotspot nature requires overflow: visible. That is why it is not possible to correct with CSS.

    Best Regards

    October 17, 2019 at 1:22 pm #150722

    horny_fungus
    Participant

    OK, please consider adding hotspot support to slider in future.

    October 17, 2019 at 1:38 pm #150727

    horny_fungus
    Participant

    Maybe it’s possible to display hotspot images using some carousel where you don’t have to use “overflow: hidden” ?

    October 17, 2019 at 2:43 pm #150754

    Elise Noromit
    Member

    Hello,

    No, any caurouse or slider will have this style. You can try to place the hot spot a bit higher and use Text in the Hot spot content which would not have such height as a product has and it will fit fine. You can set the link to the product of the Text.

    Best Regards

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)