Space between color section and column section on mobile - Support

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 24, 2025 at 12:40 pm #1480047

northorie
Participant

Hi,
on the mobile version I have a large gap between the first color-section and the following grid row.
Is there a way to reduce the spacing?

Example-Page

Best regards

March 25, 2025 at 4:25 am #1480080
Ismael
Moderator
Hey northorie,

Thank you for the inquiry.

The space is due to the padding of the first cell in the grid row. To hide this space, try using this css code:
```
@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-1v2pat2-53d1a210d34319a1e3263b9b4acfe09f .av-1tepg6e-5d320ae52f7edb1070659a131dbdac1d {
    display: none;
  }
}
```
Best regards,
Ismael
March 25, 2025 at 7:23 am #1480103

northorie
Participant

Thank you! That worked :)
I have this issues on several pages. Is there a general rule to use? Or do I have to find each single ID (where??)

Best regards

March 26, 2025 at 4:29 pm #1480209

Rikard
Keymaster

Hi,

Thanks for the update. If padding is causing this gap, then please set different padding in the element options for each screen size in the Styling tab for each cell.

Best regards,
Rikard

March 27, 2025 at 2:19 pm #1480271

northorie
Participant

Hi Rikard,

Thanks for your reply! The padding in the color section is set to 0. In the grid rows, I can only adjust the inner padding, not the outer margin. Also, in the color section, I’m not able to set different padding values for the various screen sizes.

Best regards,
Yvonne

March 28, 2025 at 6:48 am #1480315

Ismael
Moderator

Hi,

Try applying a Custom CSS Class name to the element where you need this applied, and replace the auto-generated class names .av-1v2pat2-53d1a210d34319a1e3263b9b4acfe09f .av-1tepg6e-5d320ae52f7edb1070659a131dbdac1d with it.

— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.