1

this is my last resort, as I was looking at this question:

Changing the position of Bootstrap popovers based on the popover's X position in relation to window edge?

And couldn't find a solution to my problem, currently I have the popovers triggered by this code:

var popOverSettings = {
    selector: '[data-toggle=popover]',
    viewport: {
        selector: '.container',
        padding: 80
    },
    trigger: 'hover',
    placement: 'auto top',
    html: true,
    container: 'body',
    animation: false,
    delay: {
        show: 50,
        hide: 100
    }
};

$('body').popover(popOverSettings);

When the popover reaches the body maximum top, it automatically pushes it down, but I want that it takes the height of the header too, is there any way to specify pixels to the top placement? something like "placement: 'auto top' + 50", because this is what happens:

Current problem

Thanks in advance.

Leo
  • 830
  • 7
  • 23

0 Answers0