Displays Results – Main Page

Trevor

#249609

This reply has been marked as private.

Anonymous

#249689

This reply has been marked as private.

Trevor

#249708

Remove this custom CSS you already used:

.searchandfilter > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
}

Replace that with this custom CSS:

@media (min-width: 768px) {
  .searchandfilter[data-sf-form-id="36"] .sf-field-reset:before {
    content: "";
    display: block;
    height: 12px;
  }
  .searchandfilter[data-sf-form-id="36"] > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 0 0;
  }
  .searchandfilter[data-sf-form-id="36"] > ul > li:last-child {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .searchandfilter[data-sf-form-id="36"] li {
    text-align: center;
  }
  .searchandfilter[data-sf-form-id="36"] > ul > li {
    padding: 0;
  }
  .searchandfilter[data-sf-form-id="36"] .sf-field-reset {
    padding-top: 11px;
  }
}

You may need to adjust the numbers slightly to meet your needs.

Anonymous

#249710

This reply has been marked as private.

Trevor

#249712

I am sorry, I am not sure what you need.

Can you show me one or more annotated screenshot(s) of the design change(s) you want? If you can do that, you would need to upload the screenshot image(s) to a file sharing site (like the WordPress Cloudup site) and share the link with me?

[Author]

Posts