Dropdown make active on hover not click

Hi, would someone please help me with CSS help. I would like for the dropdown on the nav bar to open when I hover, not when I click. Thank you in advance for your help.

Add this code to Child Theme style.css or inside Jetpack Custom CSS field. Unfortunately due to specific of this code it won’t work via Custom CSS field which is available via Theme Options.

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;