Space between position-1 and position-2

midhat

There is no space between position-1 and position-2 in mobile view, so the module in position-1 merged with the images below.

Ninja

midhat
Hi
Add this code in custom css

.acm-features.style-1 .item-inner:first-child {
    margin-bottom: 20px;}

if this not work kindly share the screenshot of the issue.

midhat

This code adds bottom space to position-1 and position-2 and position-3 , so the space between the other positions is then twice as large. This code also adds space to the big screen.

I only need the space between position-1 and position-2 on small screens. Everything is ok on the big screen

Ninja

midhat
Hi
Both are 2 different section so space of each item could not be identical.
By default its divided in 2 sections items.
In template.css file here /templates/ja_atoms/local/css/template.css

.acm-features.style-1 .row + .row {
  margin-top: 32px;
  }

change it with

.acm-features.style-1 .row  {
  margin-top: 32px;
  }

to add same space .
And add this code in custom css

@media(max-width:468px){
.acm-features.style-1 .item-inner {
    margin-top: 34px;
}}

Remove the older code suggested in this thread .

midhat

Thank you!

Ninja

midhat
You are welcome!