delete space between element

Hey Pas7o,

Please provide a link to the site so I can inspect the page and css.

Best regards,
Jordan Shannon

Hi,

Thanks for sending that info over. Please add this to quick css:

.avia-builder-el-5{
margin-top:10px!important;
}

Best regards,
Jordan Shannon

Hi,

Let us know if you need further assistance :)

Best regards,
Nikko

Hi,

So do you want a list of three in two columns?

Best regards,
Jordan Shannon

Hi,

I see. Honestly the easiest way to accomplish this, as well ensure the best responsiveness across many devices is to use two list column elements. What is your reason for being adverse to using 2 list elements? Perhaps we can work out a solution.

Best regards,
Jordan Shannon

Hi,

You’re needing it to be 2 columns on a smartphone?

Best regards,
Jordan Shannon

Hi,

I tried to check your site again, however it’s under maintenance and the login access doesn’t seem to work anymore. Can you give us access to the page again? so we can try to give you the css code that should help.

Best regards,
Nikko

Hi,

Thanks, try adding this css code in QUick CSS (located in ENfold > General Styling):

@media only screen and (max-width:767px) {
  .home #av_section_1 .flex_column.av_one_fourth {
    margin-bottom: 0 !important;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi,

Try replacing the code I gave with this one instead:

@media only screen and (max-width:767px) {
  .home #av_section_1 .flex_column.av_one_fourth {
    margin-bottom: 0 !important;
  }
 
  .home #av_section_1 .flex_column.av_one_fourth.avia-builder-el-8 {
    margin-top: -13px !important;
  }
}

Best regards,
Nikko