• Resolved project13x

    (@project13x)


    first of all. thumbs up for this great plugin!

    I am implementing this with a clean wordpress twenty seventeen template and it works great!

    Only thing what i notice that after resizing the screen to mobile size the buttons are not clickable anymore. Happens around 759 px width.

    When the left/right arrow disappears, the buttons are not clikable anymore.
    Any idea how to fix this?

    thank you

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author pressfore

    (@pressfore)

    Hello there,

    And thanks for using the plugin. We are happy to hear that you like it.

    I just tried to reproduce the issue on my local installation and with twenty seventeen theme installed, but everything is working fine on my side. I tested it by resizing browser to below and above 759px and on exact resolution of 759px, and also from Chrome emulation which is actually very good way of testing responsiveness on touch devices but everything is working fine on my side. I presume that some glitches may be present on some resolutions which does not exist in real life, but not able to click on slider buttons is very strange and this can be the case only if something overlapping the slider content. It would be good if you can share a link to your site here so I can investigate this directly.

    All the Best!

    Thread Starter project13x

    (@project13x)

    Thank you for the quick response.

    This is a demo link.

    https://bagberrie.com/demo/

    I installed a fresh word-press 4.7 and your plugin.

    After resizing to 759px or smaller i cannot click on the button.
    I think it’s also a case of overlapping etc.

    Please advice ??

    Plugin Author pressfore

    (@pressfore)

    Hi again,

    And thanks for the link.

    As I thought. at some point overlay on pseudo element (grey background) is overlapping header content. This is not the theme or plugin issue because theme header is designed like that and obviously only static elements should be used, like video or image background, so users shouldn’t use interactive elements like sliders or carousels. Only fix for this is to remove that overlay and to increase custom header media z index, and you should be able to do that with custom css code below:

    .custom-header-media {
        z-index: 50;
    }
    
    .custom-header-media:before {
        display: none;
    }

    Note that with this code, slider elements will become clickable, but side effect may be flickering of the site title area on slide transitions, and as mentioned below you shouldn’t place slider like that because area is not designed for that purpose and on even smaller screens it is with fixed height https://screencast.com/t/CoCpc0GS so users will not see slider navigation nor buttons. You should add slider within the page content, or maybe you can try some other theme.

    Best Regards!

    Plugin Author pressfore

    (@pressfore)

    Hi again,

    Since this actually wasn’t the slider issue we will mark this topic as resolved. In case that you need anything else just let us know.

    All the best and Happy New Year ?? !

    Thread Starter project13x

    (@project13x)

    Yes thank you!

    It was was indeed the issue of the overlay grey.

    I forgot about this element. Thank you for your quick and helpful response.

    Plugin Author pressfore

    (@pressfore)

    You’re welcome ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘buttons not clickable anymore after resizing.’ is closed to new replies.