Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 19, 2016 at 4:56 pm #688618
    0rca

    I am using a full screen site width with a left header, so that means I have a lot of space available for product columns on the shop overview page. If I set the column number to 5, the columns are reduced in size until it switches to the mobile resolution (2 columns). 5 columns on a 1280 screen look bad and are unreadable on a 1024 screen. I would prefer to have more breakpoints, but I think Kriesi has not done this with simple media queries only, at least I couldn’t figure out how to reduce the number of columns at certain breakpoints.

    September 19, 2016 at 8:57 pm #688782
    Basilis

    Hey Michael,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    September 20, 2016 at 11:45 am #689072
    0rca

    So, you are telling me that this is the intended behaviour for the Enfold shop layout? That’s what Kriesi intended and it is fine?

    http://verlag-pfeil.de/wide.jpg
    http://verlag-pfeil.de/small.jpg

    September 21, 2016 at 1:07 pm #689758
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1280px) {
.shop_columns_5 .products .product {
    width: 100%;
    margin-left: 0;
}}

    Regards,
    Yigit

    September 21, 2016 at 1:21 pm #689771
    0rca

    Hi Yigit, thanks for that, but going from 5 columns down to 1 is not really desirable UX and natuarlly I’ve tried all that before.

    Seeing as this a major issue with Enfold itself (Kriesi seems to have designed the shop templates with 3 columns in mind only) and considerig all the other issues we have (all are shop related) we will have to replace the theme for future shop projects. It simply is not on par with others for Woocommerce. It is still the best coded theme out there, but not for shops :-(

    September 21, 2016 at 1:45 pm #689783
    Yigit

    Hi!

    You can try changing the code to following one 

    @media only screen and (max-width: 1280px) and (min-width: 990px) {
.shop_columns_5 .products .product {
    width: 49%;
    margin-left: 0;
}}

    However there will be a missing column as you are displaying 5 columns. Should be easier to customize if you could use 4 columns :/

    Could you please request improvements you have in mind here – https://kriesi.at/support/enfold-feature-requests/

    Best regards,
    Yigit

    September 21, 2016 at 1:51 pm #689793
    0rca

    Hi Yigit, thanks again. But honestly, whatever I’ll do via CSS can only gloss over the fact that these templates are not fully responsive with a true content choreograpy. So I’ll have to come up with a replacement anyway :-(

    September 21, 2016 at 1:59 pm #689800
    Yigit

    Hi!

    Sorry about that :/
    It would be great if you could post it as a feature request though. We take requests into consideration so you might not need to replace the theme.

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.