Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 30, 2021 at 5:09 pm #1313491
    Ben

    Helo Support.

    Firstly, thank you so much for such a beautiful theme!

    I have a slight issue in that I’m using the Partner/Logo Element in my website footer to display accreditations. However, the logos look too big on mobile and I think would look much better in 2 columns on mobile devices.

    I’ve had an extensive look through the support forum but can’t find anything that works my situation.

    What do you recommend to display the logos in two columns on mobile?

    Many thanks in advance,

    August 4, 2021 at 5:07 am #1314245
    Ismael

    Hey ChichesterDesign,

    Thank you for the inquiry.

    You can use the following css code to adjust the width of the slider entries on smaller screens.

    @media only screen and (max-width: 479px) {
    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
        width: 50% !important;
        clear: none !important;
    }
}

    If you want to apply the changes on tablet views, just increase the max-width value from 479px to 767px.

    Best regards,
    Ismael

    August 4, 2021 at 10:38 am #1314331
    Ben

    Perfect! Thank you, Ismael.

    August 5, 2021 at 12:47 am #1314515
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

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