Nav search icon on tablet menu

BB Theme
1

I’d also like to enable the search icon for the tablet-sized menu (like when an iPad is held vertically). How can this be done?

The search icon appears when an iPad is held horizontally, but when it’s turned vertically, a different menu style is used, and the search icon disappears.

My menu only has 7 top-level items, so there should be plenty of room to show the search icon on any type of tablet config.

I only need a solution for tablets. I used Danny’s solution to add search for cell phones here, which worked great:
http://forum.wpbeaverbuilder.com/support/q/search-on-mobile-devices/

2

Hey Steve,

I think the wp_is_mobile() function also detects tablets. Were you able to check your site on an actual tablet?

Ben

3

Oh, you’re right. I must have been looking at a cached version of the page yesterday. When I loaded it this morning, I can see the search bar on my iPad Air now.

Now when I turn the iPad horizontally, I get the search box at the top, but the nav search icon is also present, which is redundant.

I’d still love a way to show the search icon in the menu for tablets too, if that’s doable. Ideally I’d like a way to have only one search (icon or search box) on all device sizes, using whichever config is best for the device size. Is this achievable?

My site has about 2 million words of free content, so search is a popular feature.

4

Hi Steve,

If you prefer to have the search icon displayed instead of my alternative solution. Then you will want to use the CSS on the first post in this topic - http://forum.wpbeaverbuilder.com/support/q/search-on-mobile-devices/

Thanks,
Danny

5

Hi Danny,

You posted a link to the current thread. I think you meant to share a different link.

Infinite recursion can be fun though. :wink:

6

Hi Steve,

Haha! Sorry about that. The link was referring to is actually from the one you posted in your first post.

Thanks,
Danny

7

I just tried The CSS approach and would have to agree with the other posters in that thread that this isn’t the best way to solve it. I’m okay using the wp_is_mobile() solution for now, but I’d encourage you and the BB team to look into a better way to incorporate the search icon (or search box) natively for all device sizes. With an iPad turned sideways, I get the search box and the search icon both appearing, which isn’t ideal, but at least it works.

8

Hi Steve,

Can you add this suggestion to our User Voice, please?

https://wpbeaverbuilder.uservoice.com/forums/270594-general

Thanks,
Danny