Comments 2imade3d started the conversationJune 16, 2020 at 9:00pmHi. I set up a test case so you can see this issue. Setup- Have some filterable attributes- Single column layout- enable "Always show Filter Content (1 Columns)"Problem: In mobile view (narrow viewport), the filter is over the product grid instead of above the product grid. It's normal in desktop and table view, but the mobile view is strange in this way. It's a problem even if no custom CSS is enabled.Any ideas? Thanks. [deleted] repliedJune 17, 2020 at 6:32amHello,Please go to admin MGS -> Page Builder Setting -> Font & Style then add this css code to Custom Style@media (max-width: 767px) { .page-layout-1column .block.filter.mgs-filter { position: relative; }} 2imade3d repliedJuly 8, 2020 at 11:10amThanks. I'll leave this here for other with the same problem. (Me, I abandoned single column because of this and went to 2 column instead) Sign in to reply ...
Hi. I set up a test case so you can see this issue.
Setup
- Have some filterable attributes
- Single column layout
- enable "Always show Filter Content (1 Columns)"
Problem:
In mobile view (narrow viewport), the filter is over the product grid instead of above the product grid.
It's normal in desktop and table view, but the mobile view is strange in this way.
It's a problem even if no custom CSS is enabled.
Any ideas? Thanks.
Hello,
Please go to admin MGS -> Page Builder Setting -> Font & Style then add this css code to Custom Style
@media (max-width: 767px) {
.page-layout-1column .block.filter.mgs-filter {
position: relative;
}
}
Thanks. I'll leave this here for other with the same problem.
(Me, I abandoned single column because of this and went to 2 column instead)