Back to Community
Home / Community / Theme → Neve fse

Fixing Mobile Padding and Spacing Issues in Neve FSE

32 threads Sep 9, 2025 Theme → Neve fse

Content

Many Neve FSE users have reported a common issue: on mobile devices, text and other content can appear to stick directly to the edges of the screen, lacking proper padding. This creates a poor user experience and can make a site difficult to read. Based on community reports and solutions, this article explains why this happens and how to resolve it.

Why Does This Happen?

This mobile spacing issue is a known bug that has affected several versions of the Neve FSE theme. The theme's development team has acknowledged the problem, and fixes have been released in updates. However, the issue can sometimes reappear after a theme update, especially if custom CSS was previously used as a workaround. In other cases, the problem may be related to how the Site Editor applies styles globally across desktop and mobile views, making it tricky to target mobile-specific styling directly within the editor.

How to Fix Mobile Padding Issues

1. Update the Theme

The first and most important step is to ensure you are running the latest version of Neve FSE. The development team has released updates specifically to address mobile padding problems. Navigate to Dashboard > Updates in your WordPress admin and check if a theme update is available.

2. Review and Adjust Custom CSS

If you previously added custom CSS to fix this problem (a common workaround before an official fix was released), a theme update might conflict with your custom code. Check your theme's Additional CSS panel or any custom CSS plugins you use. You may need to remove or adjust your old CSS rules to align with the updated theme styles.

3. Use the Site Editor for Global Adjustments

While the Site Editor currently applies most styles to all screen sizes, you can still use it to adjust global padding and spacing. Edit your templates (like the Post Template within a Query Loop) and use the block settings to add padding to content blocks. This will improve spacing on both desktop and mobile.

4. Add Mobile-Specific CSS (Advanced)

For more control, you can use a mobile-specific CSS media query. This code adds padding to the main content container on screens smaller than 768px. Add the following to your Additional CSS:

@media (max-width: 767px) {
    .wp-site-blocks {
        padding-left: 20px;
        padding-right: 20px;
    }
}

You can adjust the 20px value and the .wp-site-blocks selector to target the specific area needing padding on your site.

Conclusion

Mobile padding issues in Neve FSE are typically resolved by updating the theme to the latest version. If problems persist, carefully managing custom CSS and utilizing the Site Editor's styling options should help you achieve the correct spacing. For more complex design needs, custom CSS with media queries offers a powerful solution.

Related Support Threads Support