When the Catalog View is loaded id does not scale well to the available space. When I however rescale the window to tablet size and then back to full width categories take up all the available space.
Making the window wider, without first making it smaller does not work.
For certain screen sizes (I guess when it is bigger than tablet size), the categories do not take up all available space (see attachment). In the picture you provided this is not visible.
Hi
When the Catalog View is loaded id does not scale well to the available space. When I however rescale the window to tablet size and then back to full width categories take up all the available space.
Making the window wider, without first making it smaller does not work.
See video for clarification.
Is there a way to fix this?
Kind Regards
Ilse
Hi, Ilse,
Thank you for choosing Amelia.
Could you please explain what exactly is not correct on the page:
Also, what are the page builder and the theme that you use?
Looking forward to hearing from you.
Hi
For certain screen sizes (I guess when it is bigger than tablet size), the categories do not take up all available space (see attachment). In the picture you provided this is not visible.
We use Elementor and the theme we use is Neve.
Kind regards
Ilse
Hello Ilse.
This is a @media query that is setting the size of the categories to 25% of the container so 4 categories can fit in a row.
You can try overriding it with this:
.el-col-lg-6 { width: 50%; }If that doesn't work, try this:
@media only screen and (min-width: 1200px) { .el-col-lg-6 { width: 50%; } }Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi
Thanks for the support, adjusting your suggestion and adding the !important rule worked.
@media only screen and (min-width: 1200px) {
.el-col-lg-6 {
width: 50% !important;
}
}
Kind regards
Ilse