Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 22, 2019 at 10:36 am #1129939
    opvab

    Hi.

    I use woocoomerce product listing with shortcodes inside 5 columns that works perfect for screen size 1280px and above.
    I would like “@media only screen” for values betwwen 1279-416 px to responsive increase the count of columns per row.

    If that is not possible, I at least would like “@media only screen” for screen size below 767px, which will activate 1 column, to decrease the size of the product image.It gets to big on mobiles in portrait mode.

    Thanks,
    OPVAB

    • This topic was modified 5 years, 4 months ago by opvab.
    August 22, 2019 at 8:35 pm #1130088
    Basilis

    Hey opvab,

    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 it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    August 23, 2019 at 12:08 pm #1130318
    opvab

    Hi.

    To make the flex_column smaller on mobile in portrait mode, i changed to this in chrome Devtools:
    @media only screen and (max-width: 767px)
    .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 50%;
    padding-right: 10px;
    }
    It works perfect, but when i put in enfold quick css, it has no effect!

    Thanks,
    OPVAB

    August 23, 2019 at 1:30 pm #1130355
    Victoria

    Hi opvab,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

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