Please scroll down for all questions below.

The dropdown menu cannot be reached with a mouse when it overlaps the slider until you scroll down the page.

1. Is this an issue with the z-index order?

2. Where do you make the changes to fix this? Are they be added in the Veda Child Options Custom CSS window, the parent template, or other location?

Problem-with-Dropdown-Menu

3. Where do I change the mobile menu to look like this one without changing the non-mobile header? If you make the changes please let me know where. Thank you.

4. Once changed, where can I fix the logo size so it is not cut off?

Below shows how the current mobile and tablet menu and header look now. There is a lot of empty space.

I would like to use the small square menu header layout above for mobile, without changing the current desktop header layout.