I put the filter module in the left column, and filter on the mobile version is located at the bottom of the page.
Is it possible to put it after header in the mobile version and in the left position for desktops?
Thanks
|
|
Hi,
We will need a live example. Can you provide website url and admin access, so we can check?
You can use hidepost to share private information with the support staff.
BR,
ThemeBurn team
|
|
Hi,
We’ve prepared some custom styles that will help you to achieve this:
@supports (display: contents) {
@media (max-width: 768px) {
body[class*="tb_page_product_"]:not(.tb_page_product_product) #content > .row,
body[class*="tb_page_product_"]:not(.tb_page_product_product) .main,
body[class*="tb_page_product_"]:not(.tb_page_product_product) .main > .row-wrap,
body[class*="tb_page_product_"]:not(.tb_page_product_product) .main > .row-wrap > .row,
body[class*="tb_page_product_"]:not(.tb_page_product_product) .main > .row-wrap > .row > .col,
body[class*="tb_page_product_"]:not(.tb_page_product_product) .sidebar,
body[class*="tb_page_product_"]:not(.tb_page_product_product) .sidebar > .row-wrap,
body[class*="tb_page_product_"]:not(.tb_page_product_product) .sidebar > .row-wrap > .row,
body[class*="tb_page_product_"]:not(.tb_page_product_product) .sidebar > .row-wrap > .row > .col
{
display: contents !important;
}
body[class*="tb_page_product_"]:not(.tb_page_product_product) #content {
display: flex !important;
flex-direction: column;
}
body[class*="tb_page_product_"]:not(.tb_page_product_product) .main .tb_wt_products_system,
body[class*="tb_page_product_"]:not(.tb_page_product_product) .main .tb_system_category_description
{
order: 1;
}
body[class*="tb_page_product_"]:not(.tb_page_product_product) .sidebar .tb_wt {
order: 2;
margin-top: 30px;
}
body[class*="tb_page_product_"]:not(.tb_page_product_product) .sidebar .tb_module_filter_vier {
order: 0;
width: 100%;
margin-bottom: 20px;
}
}
}
Add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.
Be aware that these will not work on all browsers. Here is the full coverage:
https://caniuse.com/#feat=css-display-contents
BR,
ThemeBurn team
|
|
Glad we’ve helped!
BR,
ThemeBurn team
|
|
Everything is not so good with this code.
It looks good in the category, but the mobile view and product card are crashed.
Is it possible to fix it?
-
This reply was modified 1941 days ago by pobo3.
|
|
Hi,
We’ve improved the code a bit and now it affects only category, promotion and manufacturers pages.
BR,
ThemeBurn team
|
|
Glad we’ve helped, mate!
BR,
ThemeBurn team
|
|