Various Issues

Trevor

#189234

#2 I have seen it on sites, but not the code used. If your site already has such a function, do you know how that is applied? It might be easier to do that.

#4 Something like this:

.searchandfilter ul > li > ul:after{
    display: inline-block;
    content: "";
    border-bottom: 2px solid red;
    height: 2px;
    width: 100px;
}

Obviously modify to your needs.

Anonymous

#189236

This reply has been marked as private.

Trevor

#189238

#1 I think the various containers are set incorrectly. The Ajax Container, for example, looks to be set to #main, but this is a WooCommerce page, so it would normally need to be .products, but looking at your site, it might need to be .shop-container. The Infinite scroll container would then be .products and the individual post container would be .product

#2 I do not. The ones I have seen were development sites which are not publicly accessible. Your theme author may be able to tell you how they applied the accordion effect to the title in the form.

Anonymous

#189285

This reply has been marked as private.

Trevor

#189287

#1 The infinite scroll animation is controlled as detailed in this post:

https://support.searchandfilter.com/forums/topic/search-filter-scroll-loading-icon-positionning-in-infinite-scroll/page/2/#post-124959

#4 Is the CSS in place right now? I can’t see it on the titles?

Anonymous

#189289

This reply has been marked as private.

Trevor

#189291

Try this instead (so no float or clear):

.searchandfilter h4:after {
    margin-top: 10px;
    content: "";
    border-bottom: 2px solid red;
    height: 2px;
    width: 50px;
    display: block;
}

Anonymous

#189293

This reply has been marked as private.

Anonymous

#189297

This reply has been marked as private.

Trevor

#189339

This reply has been marked as private.

[Author]

Posts