Jump to content

Archived

This topic is now archived and is closed to further replies.

respectgb

Popovers cut off screen edge.

Recommended Posts

respectgb

Hi,

I'm having problems with bootstrap popovers being cut off the edge of the browser. I'm using the latest version of dms (2.2) and this problem occurs on all browsers tested. Please can you let me know how we can fix this?


Cheers

Screen Shot 2015-11-11 at 14.39.29.jpg

Share this post


Link to post
Share on other sites
Simon

What shortcode are you using?

Share this post


Link to post
Share on other sites
respectgb

[pl_popover title="" content="..." position="bottom"]<i class="fa fa-info-circle"></i>[/pl_popover]

Share this post


Link to post
Share on other sites
Simon

Have you tried different positions?

Share this post


Link to post
Share on other sites
respectgb

Yes, still cuts. I expect they should be responsive anyway and respect the browser window?

Share this post


Link to post
Share on other sites
Simon

No they use absolute positioning. You might be able to use CSS to shunt them over to the left away from the edge, or move the link that triggers the popover away from the edge.

Share this post


Link to post
Share on other sites
respectgb

This does the trick to keep them on the page. However it does throw the arrow out of sync in terms of positioning to the source (see example)

.popover {
    width: auto!important;
}

Cheers

Screen Shot 2015-11-11 at 15.13.27.jpg

Share this post


Link to post
Share on other sites

  • Similar Content

    • stijnxo
      By stijnxo+
      Is there a way to disable the responsive function of your iBoxes?
      I do not want all iBoxes underneath each other on mobile, is there a way to fix columns or group boxes?
      I use them for small links and want them to stay next to each other, see attachment
      Please let me know.



    • Steve Webb
      By Steve Webb+
      I am having an issue with DMS editor not loading.  Just keeps spinning and spinning.
      Have tried several things - Logged in and out, cleared cache, deactivated all plugins, but the issue persists.
      I even had our host restore from a backup a few weeks ago, when I know it WAS working, as I edited a text box on the homepage.  The restore from backup didn't help either.
      Also, the front end of the site shows that the site is framed, or boxed now (whatever you call it), instead of full width as it was previously (last week).
      Dev console shows that there are php errors in Google maps - file is attached.
      Can someone please help?  Not sure what else I can do here...
      Thanks in advance.
      -Matt

    • tuciudadenred
      By tuciudadenred+
      Hi everyone, what happens is that the web page metrosalarmas.com has a google tags which I have not attacked where I can look to remove those tags and be able to locate the correct ones.
    • Steve Webb
      By Steve Webb+
      I am having an issue with DMS editor not loading.  Just keeps spinning and spinning.
      Have tried several things - Logged in and out, cleared cache, deactivated all plugins, but the issue persists.
      I even had our host restore from a backup a week ago, when I know it WAS working, as I edited a text box on the homepage.  The restore from backup didn't help either.
      Also, the front end of the site shows that the site is framed, or boxed now (whatever you call it), instead of full width as it was previously (last week).
      Dev console shows that there are php errors in Google maps - file is attached.
      Can someone please help?  Not sure what else I can do here...
      Thanks in advance.
      -Matt

    • JawDesigns
      By JawDesigns
      Hi everyone,
      Flywheel have reported errors on my clients site 'www.racewaredirect.co.uk' and it's not loading. Can someone please provide some information on how to fix this? The site has never experienced these issues before.
      Thanks,
      James Wilson
×