Thanks for getting back. I tried the .results, the search didn’t populated any results even though the URL reflected the search term. So when it was #main, the results count updated but didn’t display the items. For example, it would say there are 7 items based on the search terms but you can’t see the 7 items. However you can click on them. Another weird behavior is that if you refresh the page, the 7 items will appear in the search results.
Here is a link to the page: https://shop.pixistock.com/
Another question I have is about CSS. So when there are no results, it shows the default woocommerce products not found etc page. I did manage to edit this with CSS because this particular page does not show my footer at all. When I had my full sidebar, it was stretching into the darker grey found at the very bottom of the page; causing the grey to be half the page. I hid aspects of the sidebar so that it didn’t go past Woocommerce’s preset grid area. I tried expanding it with padding and margin, however my attempts were unsuccessful. Is there a way to get the footer on the no results page or use a different page for no results? I tried adding the “<?php get_footer(); ?>” to the bottom of the “no results page” php file and it messed everything up. If you have any pointers that would be great, thanks.