Moving Left Sidebar on Mobile

  • Gary Wright

    (@garywright)


    5 years ago

    Hey!

    When this page is viewed on mobile the left sidebar is placed below the content which is not ideal considering it contains the filter.

    Could someone point me in the right direction to get it to live above?

    …. or better-still a small expanding box that could sit above the content?

    Thanks for any help!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    You’re using a commercial theme, Boulder, so please use their official support channel. We feel they are best equipped to support their products.

    https://themeforest.net/item/boulder-multipurpose-woocommerce-theme/11209484/support

    Commercial products are not supported in these forums.

    Aims Infosoft

    (@aimsinfosofts)

    Hello,

    Solution:
    1) You can edit/customize your WooCommerce archive-product.php file into your theme or plugin folder. And for the shop page change your file layout(put sidebar layout first and then put product listing).

    OR

    2) Use below CSS code for set “Product Filter” option above the content. shown into the Screenshot, [https://prnt.sc/r03ni6]
    CSS Code:

    @media (max-width: 767px){
.archive #cg-page-wrap .row cg-shop-archive{display: flex; flex-wrap: wrap;}
.archive #cg-page-wrap .row cg-shop-archive .product-listing-wrapper{order: 2; width: 100%;}
.archive #cg-page-wrap .row cg-shop-archive .col-lg-3.shop-sidebar-left{order: 1; width: 100%;}
}

    => You can create a “small expanding box” using “JavaScript”.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Moving Left Sidebar on Mobile’ is closed to new replies.