Breaks up under 768px screen

  • Hi,
    I love your plugin! BUT it has been a headache getting it to work… The styles are seriously messed up. It is often partially off screen and under 768px the modal goes under the overlay causing it to be useless… I had used it before and it was working with small screens just took forever to adjust it to be in the middle of the screen as it keeps moving instead of staying centered. After deep modifications I had it to work in the older site, but now that I am trying to implement it again, no css changes seem to be able to bring the modal to front under 768px. I was planning to buy your plugin from your website for $29, but the sample there does not close either by clicking on the overlay or by clicking the X. So, I thought apparently that one is not working either. Please, advise if you are able to help. Hopefully with a little tweeking you can bring this wonderful and very needed plugin to life!
    Thanks!
    P.S. I am using WP 3.8.1

    https://www.ads-software.com/plugins/easy-modal/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    Hey,

    This sounds like it may be a css conflict with your current theme. This is not normal. If you go to the pricing page of easy modal website and click on the buy buttons you will get a modal, try resizing under 768. The z index is the same for all sizes. The only things that changes for the different sizes are width(%) and margin-left. z index is set the same for all.

    If you have a link i can try to determine the cause.

    Thread Starter theboundary

    (@starflamedia)

    Daniel, I would gladly buy your plugin but I have already added the current modal <button class=”eModal-1″>Contact us to order</button> to all my posts. Would I be able to keep the same code and not have to edit posts? I am also willing to hire you to fix the free plugin if that will help avoid changing the code.

    If I have issues with the purchased plugin would you help me get it to work? I’ve already bought themes and plugins that came with zero support or even reply! So, I have to ask.

    Thank you!

    Plugin Author Daniel Iser

    (@danieliser)

    Hey star, we always try to support our pro users well beyond the scope of the plugin, this is because tieing it into themes is crucial for its successful integration into a site.

    Check your inbox for a reply.

    Thread Starter theboundary

    (@starflamedia)

    Daniel, thank you so much for your quick and detailed instructions! You saved the day!

    For the rest of the community, here’s what solved both of my issues:

    1) The centering issue was solved by adding this to style.css
    div#eModal-1 {width:400px;margin:0 0 0 -200px;} Or whatever your width, divide by 2 and replace in the margin-left section. I ended up with {width:360px;margin:0 0 0 -190px;} not exactly by 2 but it worked better for smaller screens.

    2) The modal hiding behind overlay issue was solved by commenting out //panelPosition: ‘relative’, in jquery.jpanelmenu.js of the Astrum theme I’ve been using.

    Thanks again! Your plugin is worth it!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Breaks up under 768px screen’ is closed to new replies.