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.

Dane Brouwer
  • 2,827
  • 1
  • 22
  • 30
Leo
  • 956
  • 8
  • 24

0 Answers0