I am starting a new real estate website using RealtyPress plugin for MLS. They have provided me with shortcodes and widgets to show a search bar but I’m not sure how to implement it.
I would like to add it to my first section (not my header), over top of a slider.
if you place both the slider shortcode and the search box shortcode in the same Section. Then give the Section a CSS class of relative-parent and add this CSS:
.relative-parent {
position: relative;
}
Then let us take a look and i can provide some CSS to place the search box over the slider.
Try this CSS which will absolutely position the element 50% down ( minus the height of the search bar ) from the top of the section and controls its width: