Drop Down Menu

BB Theme
1

Is there a way to make the drop down menu disappear on a mobile device? I have my site listed below and when I’m on my Ipad the solutions tab gives me three options once I choose one there is no way to make the menu disappear. On my Iphone I can touch the Hamburger icon to make it go away but nothing on the Ipad. I like the desktop that it goes away automatically. I did put some custom css code I found in KB to keep the header fixed and to activate hover colors as no matter what I tried in customizer it had no effect. I am using the child theme and Beaver plugin

http://a3d.911.myftpupload.com/

Thank You for the help. This is the first website I have ever designed so I am very green.
Rick

2

Hey Rick,

Regular devices behave differently than touch devices. For your iPad view, you should be able to close the submenu by hitting anywhere on the page after hitting one of the items on the submenu. Is that not the case? If so, I can file a bug report. :slight_smile:

Ben

3

I just checked this on two different Ipads in my house and there must be a bug as SOMETIMES you can touch anywhere on the screen and the drop down disappears right away and then sometimes you have to tap the screen as many as 10 times before it works. Very random which is why I tried on a different Ipad.

Thank You

4

[Content Hidden]

5

Hey Rick,

Here is the KB article discussing how to achieve a fixed header.
http://forum.wpbeaverbuilder.com/knowledge-base/make-primary-header-fixed/

Could you delete everything you have there, place the code in the article above, and see if that fixes your issue?

Edit: And yes, deleting stuff from the CSS code shouldn’t do anything to your site. :slight_smile:

Ben

6

[Content Hidden]

7

Hey Rick,

  1. If you check the article I posted above, there are comments on the codes. It states, /* Change to whatever the height of your header is when on large devices*/ and another one for medium devices. So your header is about 79px tall on large devices and 135px on medium devices so I'd suggest changing those values.
  2. The settings are actually working. The problem is, on our theme, the links inherit the hover color when on the active page, e.g., your Home, About, Pricing, and Contact menu items point to the same page, the homapage, just different sections, so they inherit the hover color, red. Same thing when you hit the Demo page, the Demo item on the menu changes to red. Feel free to re-add the CSS you had to change the colors. :)

Ben