Cart Menu shows up below footer?

Pertaining to my first post, this is the code. I can hide it via CSS but it still show extra big whitespace under the footer:

<div id="oceanwp-cart-sidebar-wrap">
 <div class="oceanwp-cart-sidebar">
  <a href="#" class="oceanwp-cart-close">×</a>
    <h4>Cart</h4>
      <div class="divider"></div>

       <div class="owp-mini-cart">
        <div class="widget woocommerce widget_shopping_cart">
         <div class="widget_shopping_cart_content">

	   <p class="woocommerce-mini-cart__empty-message">No products in the cart.</p>

         </div>
        </div>
       </div>
      </div>
    <div class="oceanwp-cart-sidebar-overlay"></div>
</div>

• This reply was modified 6 years, 8 months ago by dzulfriday.

Hello, it is a cache issue, if you have disabled any script, go to Theme Panel > Scripts & Styles, click Save Changes, then clear your cache.

I didn’t touch and script under the Theme Panel. That thing is just there after I update the theme.

Hi, have you checked your site on a different browser? Do you use Cloudflare?

Hi,
I have the same problem but only with opera. Is there any way to fix this?

Hello @arthropod, can you send me your site link?

I’m having the same problem, using OceanWP version Version: 1.5.27 and Elementor Pro 2.2.3 (2.1.9).

the #oceanwp-cart-sidebar-wrap on the mobile version leaves a huge white space below the footer, on the single-product page only. Even after applying display:none !important to it, the element is not displayed when hovering on it in Inspect element, but the white space below the footer persist.

Any ideas on how to solve this? Thanks.

I applied overflow:hidden to the body of the page and everything was resolved. Just in case someone else has the exact same problem as me.

Hello, glad to hear that you issue is solved and thank you for the solution ??

In case you guys were still tryna figure it out I just tossed this into the css customizer.

.oceanwp-cart-sidebar{
	display:none !important
}

• This reply was modified 6 years ago by dkydev.

Hello,

Go to Dashboard > Theme Panel > Scripts & Style. Disable all, then enable it again. Repeat it 2 – 3 times and now reload your site. Don’t forget to clear cache or use a different browser to see the changes. It will fix the issue.

Hi I have this issue also with this sidebar appearing under my footer when it shouldn’t – this was on a new install too – and I couldn’t get any of these fixes to work. I can hide it with css but I still have the space. How can I apply the css to the body as above, overflow:hidden?

Hello, if your sidebar appears after your content, it is probably because you have added a too high number in General Options > General Settings in the Sidebar Width setting.
The result of Content Width and Sidebar Width need to be 100%.

Hi there, thank you, but my sidebar is 20 and content 80 percent. Can you think of anything else I could do to fix this?

….it seems to be just pages not posts if that’s helpful?