Menu looks different on product page only

Hi there ??

Oftentimes something like this can be affected by your browser’s cache. I would suggest that you try clearing the cache/cookies and then try it again.

However, this kind of problem could be caused by either a conflict with your theme or with another plugin.
?
The best way to determine this is to:

• Temporarily switch your theme to Storefront
• Disable all plugins except for WooCommerce
• Repeat the action that is causing the problem

If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.

Before you start

1. First, please make sure you have a good backup in place of your full site and database. Most hosting companies have this included in the subscription, but you could also consider using a service like?Jetpack. If something goes wrong, it’s nice to know that you can restore your site.
2. Second, I would suggest installing a plugin called?Health Check & Troubleshooting. This is a plugin developed by the WordPress community and it allows you to disable plugins without affecting your current site visitors.

I hope that helps ??

First of all, thank you so much for this thorough advice! This is an excellent way to diagnose issues with your theme and any plugins you might have. I will admit I was on my way to trying these steps when I decided to look into how the products were setup. This issue ended up being solved without needing to follow these steps but I wanted to leave the solution here in case anyone else needs help. Your helpfulness inspired me haha. I will however refer to this information the next time anything else acts up ??

Earlier I failed to mention that the site uses DiviBuilder and the DiviTheme, which often conflicts with WooCommerce in random ways (see my previous posts to know more). Interestingly, when you create a new product the page is generated using the WP default settings, not the settings associated with DiviBuilder (in this case my header and footers, fonts, colors, etc.) Once the product is created, you can simply select the option for using the Divi editor and it will automatically convert and publish the page with the menu/footer/styles you see on all other pages. I simply had to go through each product, select Use Divi Editor, and check that the product updated. Now everything is on theme! Hope this helps others in the future!

.

Awesome! Thank you for your kind words and for that insightful information about Divi!

Without a doubt, it will help other users in the future. ??

Cheers!