Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #994935

    Hi!

    We have 6 logos in the footer using the Partner/Logo Element module
    By default in mobile the images are displayed in 3 rows, with 2 images per row.
    I want all 6 images to be displayed in a single row in mobile.

    I played around with this code I found in a similar thread but it affects images in another Partner/Logo Element above the one I want to change, and I only want to change one of them (The other partner/logo element looks good in the default 2 images per row layout). The code below doesn’t solve the problem 100%..

    @media only screen and (max-width: 768px) {
    .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
        padding: 0 2%;
        float: left;
        width: 23% !important;
        clear: none !important;
    }
    }

    Provided screenshot and credentials in private area

    #995173

    Hey belinger,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    @media only screen and (max-width: 480px) {
    #av-layout-grid-8 .slide-entry {
        width: 16.5%!important;
        clear: none!important;
    }}
    
    

    Best regards,
    Yigit

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