Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #891547

    On the mobile site, I am seeing an issue with the Partner/Logo element.

    The top logo is separated from the other two below it. This is on the mobile site with icons in horizontal positioning.

    Please look at my existing QuickCSS.


    Thank you,



    Hey Jasmer,

    If you want space between, use the code below. If not, set the value to 0.
    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 .flex_column.slide-entry,
      .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  {
        margin-bottom: 20px;

    If you need further assistance please let us know.

    Best regards,


    Please look at the fully annotated screenshot in my previous message. Or just look at the site.

    The space is uneven.

    The space between the 1st and 2nd icon is larger than the space between the 2nd and 3rd icon.

    As stated, I want to fix that problem.



    Add this to quick css:

    margin:20px 0px!important;

    Best regards,
    Jordan Shannon


    Thank you worked perfectly.





    Great! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile Site Partner/Logo Element’ is closed to new replies.