Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1118143

    Hi! I need your help.
    I want to place a partner / logo element for some squares of textures. On the computer it looks perfect, but on mobile the squares appeared one below the other. [Image 1]

    Then I added the following code (I saw it in another person’s query):

    @media only screen and (max-width: 767px) { 
    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even,.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd {
        clear: none !important; 
    }
    .responsive #top .avia-smallarrow-slider .flex_column {
        margin: 0px!important;
        width: 25%!important;
    }
    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
        clear: none !important; 
    }
    }

    Now the squares are already good size, but at the sides there is a great distance between them. [Image 2]
    Can you help me give a smaller distance?

    Now also the distance that there is one from below another is too small. [Image 3]

    Thank you!!!
    Angelo

    (sorry for my english)

    #1118198

    Hey Angelo_Sule,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all .av-flex-cells .no_margin {
          padding-left: 1% !important;
          padding-right: 1% !important;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1118731

    Solved! Thanks!
    Have a good week!! ;)
    Angelo

    #1118842

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Partner / Logo element on mobile’ is closed to new replies.