Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 9, 2018 at 1:58 pm #953928
    alphabeta23

    I have seperate partner/logo elements for desktop and mobile already.
    For desktop, i have a 7 columns 2 rows layout.
    For mobile, i want to change to 2 columns 7 rows, but mobile only 1 column is possible, no matter what i set in the configuration. 1 column and 14 rows of logos do look stupid on mobile, though…
    Any suggestions?

    May 10, 2018 at 7:39 pm #954799
    Basilis

    Hey alphabeta23,

    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

    May 14, 2018 at 11:41 am #956372
    alphabeta23

    Hi Basilis,

    so basically you are telling me the enfold partner element is broken for mobile, and it is too much work for you to repair it? Thanks for the clarification! I thought such a basic function of this otherwise great theme should work out of the box…

    Regards,

    Philipp

    May 15, 2018 at 6:22 am #956799
    Rikard

    Hi Philipp,

    I think Basilis misunderstood you, please try this CSS out in Quick CSS to see if it works:

    .home .avia-content-slider-inner .flex_column {
    width: 50% !important;
}

    Best regards,
    Rikard

    May 15, 2018 at 12:02 pm #956919
    alphabeta23

    Hi Rikard,

    thank you very much for understanding my problem. I was sure there is a solution…
    I tried your code in my child theme style.css and it works, but it changes also for desktop. Is there a way to target only the mobile element?

    Thanks again,
    best
    Philipp

    PS: nevermind, i got it running with custom css activated for all elements.
    I would say, the mobile partner element needs a little love ;)

    • This reply was modified 6 years, 7 months ago by alphabeta23.
    May 16, 2018 at 7:03 am #957331
    Rikard

    Hi Philipp,

    Thanks for the feedback and I’m glad you came up with a solution. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 16, 2018 at 7:52 am #957364
    alphabeta23

    to finish this, here is the solution:
    I used two partner/logo elements, one is for desktop and that works without any further work.
    The other one shows up on mobile, i have given the ID “koop” and this is in my style.css:

     .koop .avia-content-slider-inner .flex_column {
    width: 33% !important;
}

    so i get 3 logos in a row on mobile.

    cheers!

    May 17, 2018 at 6:27 am #957926
    Rikard

    Hi,

    Great, thanks for sharing that :-)

    Should we close this for now then?

    Best regards,
    Rikard

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