Reply To: Search no working with normal posts

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Search no working with normal posts Reply To: Search no working with normal posts

#4498

Ernest Marcinko
Keymaster

I further examined your page, and there is a solution you can use, made of simple CSS.

1. You need to remove the section with the image: https://i.imgur.com/PN3n7Xp.png On the demo I'm not using an image element, but the image is a background to the section element. This is what you will need to do as well, and I will explain it how. Only remove the section, but don't delete the image.

2. Remove the absolute position and the top and left values in CSS of the search bar from the style.basic.css:

.asp_two_column {
  margin: 8px 0 12px 0;
  /* position: absolute; */
  /* top: 34%; */
  /* left: 8%; */
}

so the page after should look like this: https://i.imgur.com/c5qmEaG.png

3. Set the background of that section in CSS to the image you choose:

section#text-116 {
  background-image: url(<a href="http://www.quiquealien.com/blog/wp-content/uploads/Portada-web.jpg" rel="nofollow">http://www.quiquealien.com/blog/wp-content/uploads/Portada-web.jpg</a>);
  min-height: 548px;
  padding: 80px 40px 0;
  background-repeat: no-repeat;
}

It's getting close to a solution. The page will now look like this: https://i.imgur.com/IWlBWaV.png

4. With additional CSS make the two colums responsive:

@media only screen and (max-width: 767px) {
    .asp_two_column_first,
    .asp_two_column_last {
        width: 100%;
        padding: 1% 0;
    }
}

This will stretch the search bar on devices below width of 768 pixels.

Best,
Ernest Marcinko

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