Remove Extra White Space Below Footer


Remove Extra White Space Below Footer

If you encounter any spacing issue after the footer or if your footer menus are hidden behind the mobile button menu, you can use the following improved CSS code in your customizer:
/ Remove Extra White Space Below Footer /
padding-bottom: 0;
@media only screen and (max-width: 768px) {
body {
padding-bottom: 80px;

In the code above, you can modify the max-width value to match the breakpoint at which your mobile menu is displayed. This ensures that the CSS rules are only applied when the screen width is below that threshold (e.g., 768px in the example).

Additionally, you can change the padding-bottom value to adjust the spacing after the footer according to your preference. Feel free to experiment with different values until you achieve the desired result.

Once you find the perfect value for your website, simply add that value to your customizer.

Was this article helpful to you? No Yes 1

How can we help?