Home Forums WoodMart support forum Icon sort by on mobile

Icon sort by on mobile

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #639981

    notifiche
    Participant

    Hello there,
    I’d like to get rid of the icon sort products by on woocommerce archive and instead show a classic dropdown

    This happens by removing the following class:
    class=”woocommerce-ordering wd-style-underline wd-ordering-mb-icon”

    On the following script

    <form class="woocommerce-ordering wd-style-underline wd-ordering-mb-icon" method="get">
    			<select name="orderby" class="orderby" aria-label="Ordine negozio">
    							<option value="date" selected="selected">Ordina in base al più recente</option>
    							<option value="price">Prezzo: dal più economico</option>
    							<option value="price-desc">Prezzo: dal più caro</option>
    					</select>
    		<input type="hidden" name="paged" value="1">
    			</form>

    What I want to achieve is a regular full width dropdown on mobile but apart from removing the class I couldn’t figure out what css to edit.
    I provide you with screenshot

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #639990

    notifiche
    Participant

    https://rurunaturalwine.assistenzawponline.net/

    Here is the link to website, sorry I forgot to put it in the previous message

    #640102

    Hello,

    Try to use the Theme’s Layout Builder you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. So, you can use that to create your own custom layouts for these pages, Then edit the order by widget and disable the option “icon on mobile” and the drop will be shown: https://ibb.co/xtPgHwr1

    Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

    Best Regards,

Viewing 3 posts - 1 through 3 (of 3 total)