Get rid of unnecessary whitespacing on mobile view..

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.home #after_grid_row_1 {
  display: none; 
}
}

Best regards,
Rikard

Hi,

What exactly are you looking to remove in the screenshot you posted last?

Best regards,
Rikard

Hi,

Thanks for that. Please try this CSS as well:

.home #after_section_4 {
  display: none; 
}

.home #after_grid_row_1 .container {
  padding: 0;
}

Best regards,
Rikard

Hi,

Please try this CSS as well:

.home #after_grid_row_1 .content {
  padding-top: 0;
}

I don’t understand the last two screenshots, what exactly is deleted there?

Best regards,
Rikard

Hi,

Thanks for the clarification. Please remove the CSS which has removed unwanted elements, then please try to clarify what should be removed again.

Best regards,
Rikard

Hi,

Thank you for the inquiry.

To adjust the space around the subscription box, you can try using the following CSS code. This code will apply the changes to both desktop and mobile views:

.home div#after_grid_row_1 .template-page.content, .home div#after_section_4 .template-page.content {
    padding-top: 10px;
    padding-bottom: 10px;
}

Please do not forget to toggle or temporarily disable the Enfold > Performance > File Compression settings, and purge the cache to make sure that the changes take effect.

Best regards,
Ismael

Hi,

Glad to know that the issue has been resolved. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael