White Space/Gap Below Search Bar in Mobile View
-
I’m experiencing a persistent layout issue on my WordPress site and would appreciate any guidance.
The Problem:
In mobile view, there is an unwanted white box/white space appearing directly below the search bar (see attached screenshot). It only seems to be an issue on mobile/tablet breakpoints.
The white area disappears when I scroll down
Attachments:
You must be
logged in to view attached files.
Hello,
The theme applies default top/bottom paddings to the page wrapper for WooCommerce template spacing, creating a ~40px gap between header and content.
In order to get rid of this space, enter the page: Dashboard > pages > find the page > edit and set margin-top:-40px in the upper container.
Please follow this guide and remove the white space after the header.
https://xtemos.com/docs-topic/top-and-bottom-paddings/
Best Regards
But how do you delete it on a single product layout?
Not on a single page, but on all existing pages at once.
I can’t find that menu, I tried it in edit “Single Product Layout”, I use elementor
Hello,
Navigate to Layout > Edit single product layout with elementor and in the Advanced tab set the margin to remove the white space.
Follow this guide
https://xtemos.com/docs-topic/top-and-bottom-paddings/
Best Regards
.
