Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #869533

    Hi,

    I am just starting to use the Enfold theme and am using the demo site and adding a shop. I’ve imported a number of products to test and that’s all fine. I’m also using a plugin called Woocommerce Product Table to display categories and products in a more flexible way. However, there is an issue with the layout of the filters at the top of the table. If you look at the page (link below) you will see that the Categories and Tractor Model filters are stacked vertically, but they should be side by side. I’ve tried a couple of differnet themes and they do appear side by side on those so it seems like something to do with the Enfold theme. Can you please give me some help or a clue as to what I can do to resolve this. Login details are in the private link box below.

    #870254

    Hey clive2,
    Perhaps I’m looking at the wrong element, but it looks like it should be stacked vertical.
    Please see screenshot in Private Content area
    Can you add a screenshot of what you mean?

    Best regards,
    Mike

    #870408

    Hi Mike,

    Sorry, some confusion here. Please see the screen shot in the image in the private content area.

    Thanks,

    Clive

    #871513

    Hi,

    Thank you for the info. Please use the following css codes.

    #top .wc-product-table-select-filters select {
        display: inline-block;
        width: auto;
        min-width: 156px;
        margin-right: 7px;
    }
    
    #top .wc-product-table-select-filters {
        width: 70%;
    }
    
    #top .wc-product-table-select-filters .filter-label {
        clear: both;
        display: block;
        width: 100%;
    }

    Best regards,
    Ismael

    #871602

    Thank you Ismael, you are a star!

    #871982

    Hi,

    Glad we could help. Let us know if you need anything else. :)

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Layout of filter drop down boxes’ is closed to new replies.