I have created a standard view with a parametric text search box. I want the search to have a full-width background that stretches the full width of the screen but with the content contained. So I created a bootstrap gird with a container-fluid class (see screenshot). When I embedded the view into the page (in a full-width Gutenberg group) (see screenshot) unfortunately it is not stretching full width. Probably because it is stretching for the full width of view, not the block???
Is there a way to override this and have the view stretch full width or is it possible to separate the search and the view and add the search shortcode into a full-width block in the actual page separate from the view.
Note I am using the legacy views and don't have blocks enabled
The mockup 1 screenshot on the left is showing what is happening and on the right is showing what I am attempting to achieve.
It will stretch any container with class 'container-fluid', within the page's content area, to cover the full-screen width.
( example screenshot: hidden link )
The container background and content now stretch across the full width but I need the search to have a full-width background that stretches the full width of the screen but with the content contained. Any ideas.
Alternatively am I able to add the search to the page separately from the View something like [wpv-filter-search-box view="view-name"]