Reply To: Compact Box Fixed Position Configuration

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Compact Box Fixed Position Configuration Reply To: Compact Box Fixed Position Configuration

#12100
Ernest Marcinko
Ernest Marcinko
Keymaster

Hi!

1. Yes, by changing it to absolute position, instead of fixed. Fixed CSS property means that the position is relative to the viewport and it’s size. It’s kind of “pulled” out of the page and fixed to the browser window.

2. I’m guessing it’s because either one of it’s parent elements has a hidden overflow, or a CSS override is changing it to absolute.

The best possible way of placing the plugin pinned to the site top is by
1. setting the position to “absolute” instead of “fixed”
2. setting the top position value to a pixel value instead of %. This because in absolute position the whole page length is calculated in height, and it will be different for each page: https://i.imgur.com/efauf9P.png
3. placing the shortcode to the footer by:
– either placing the search PHP shortcode to the footer.php file in the theme directory
– ..or using this code in the functions.php file in your theme directory:

Copy this code from line 3, and make sure that the shortcode ID is correct 🙂

This will make sure that the shortcode is placed relative to the body element, and therefore it will be absolutely positioned to it – pinned to the top value you define.

Best,
Ernest Marcinko

If you like my products, don't forget to rate them on codecanyon :)