Remove WooCommerce Product Arrows [PRO]

[clovisd]

Hey Guys!

I’m trying to figure out how to remove the product scroll arrows that display on the Product page. I’ve got a few unlisted / hidden products in WooCommerce and using the side arrows just allows anyone to scroll through the entire library.

Running latest version of Pro (2.2.5) w/ Child Theme on Wordpress 5.1.1.

Here’s a screenshot of the arrows I’m talking about:

Thank you!
Clovis

[nabeel]

Hi Clovis,

Thank you for reaching out to us. To remove the products navigation just add the following code in the Theme Options > CSS:

.single-product .entry-top-navigation {
    display: none;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!