Can't click on dropdown menu items

Worked fine for me in Chrome and Firefox on a laptop.

But on a smaller screen, at which point the menu items went onto two lines, then I struggled to hover/click menu drop-down from the items, and then only on the home page.

Answer might be to reduce the number/length/size of menu items and maybe not capitalise them, so they fit better.

You could use media queries in the CSS so that at different breakpoints the navigation text changes size etc.

On a tablet the navigation goes quite ugly, it appears to be trying to show your patient info drop-downs before the parent is clicked. But there are no drop-downs for Treatment. Not sure what’s happening there.

Generally, more testing needed on more devices/screen sizes.

Hi,

I added this to the CSS and it has disappearing problem.

.main-navigation ul li ul {
position: absolute;
background-color: #fff;
top: 42px;
left: 0;
width: 200px;
padding-top: 20px;

I was thinking of changing the menu items to lower case letters or reducing the number of header items.

Thanks for your advice.

Jasyn