Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 8, 2018 at 1:06 pm #994935
    belinger

    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

    August 8, 2018 at 11:10 pm #995173
    Yigit

    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

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