Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Compact Box closes when clicked › Reply To: Compact Box closes when clicked
Hi,
Sure!
Because the layout is non-static (absolute), the paddings and margins does not apply to the element as HTML treats that as it’s out of the document flow – so the closest relative parent padding applies only.
The simplest way is to adjust the final width to a lower value and find the sweet spot.
If you make sure that the #ThrottleCraze-Header is positioned relative and apply the padding and margin to that, it should also do the trick.
If those have no effect, then using a bit more advanced CSS on the final box width in compact mode:
div[data-asp-compact=open] {
max-width: calc(100% - 20px) !important;
}
This will apply to the final width, and subtract a fixed value, regardless of the resolution.