Title: Search Block Functionality on Responsive Mobile/Tablet
Last modified: August 31, 2024

---

# Search Block Functionality on Responsive Mobile/Tablet

 *  Resolved [pradg](https://wordpress.org/support/users/pradg/)
 * (@pradg)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/search-block-functionality-on-responsive-mobile-tablet/)
 * Hi,
 * I am building a site using 2024 theme and core blocks and some third party blocks.
   My Header design is Site Logo on the left, Navigation Menu and Search bar on 
   the right. I have decided to only keep the Search icon (magnifying glass) on 
   Mobile/Tablet view. But on Mobile/Tablet view, when I click on the Search button,
   the text box slides left, pushing the hamburger menu and both of these drop down
   below the site logo. From all the option for the Search block, it seems there
   is no way to either make the text box drop down below the magnifying glass icon(
   like in many Classic themes) or to put an overlay on the Hamburger icon without
   pushing it or open an overlay screen like the Navigation Menu does when we click
   on the Hamburger icon. I can put the Search Block inside the Navigation Block
   so it open in an overlay but I want the Search Block outside the Navigation block
   so users know there is a Search button.
 * How do I go about achieving this cos the current design breaks the UI/UX.
 * I am doing this on Local WP, so can’t share the site link.
 * Thanks.
 * > [View post on imgur.com](https://imgur.com/a/uMk1iRI)
 * > [View post on imgur.com](https://imgur.com/49zq1EN)
 * > [View post on imgur.com](https://imgur.com/00ht5S6)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Moderator [James Huff](https://wordpress.org/support/users/macmanx/)
 * (@macmanx)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/search-block-functionality-on-responsive-mobile-tablet/#post-17986208)
 * I recommend asking at [https://wordpress.org/support/theme/twentytwentyfour/](https://wordpress.org/support/theme/twentytwentyfour/)
   so the theme’s designers and support community can help you with this.
 *  Thread Starter [pradg](https://wordpress.org/support/users/pradg/)
 * (@pradg)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/search-block-functionality-on-responsive-mobile-tablet/#post-17986953)
 * Thanks James.
 * Will post this in that group.
 *  Moderator [James Huff](https://wordpress.org/support/users/macmanx/)
 * (@macmanx)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/search-block-functionality-on-responsive-mobile-tablet/#post-17987374)
 * You’re welcome!
 * Thread continues at [https://wordpress.org/support/topic/search-block-functionality-on-responsive-mobile-tablet-2/](https://wordpress.org/support/topic/search-block-functionality-on-responsive-mobile-tablet-2/)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Search Block Functionality on Responsive Mobile/Tablet’ is closed to 
new replies.

## Tags

 * [Gutenberg blocks](https://wordpress.org/support/topic-tag/gutenberg-blocks/)
 * [WordPress](https://wordpress.org/support/topic-tag/wordpress/)

 * In: [Everything else WordPress](https://wordpress.org/support/forum/miscellaneous/)
 * 3 replies
 * 2 participants
 * Last reply from: [James Huff](https://wordpress.org/support/users/macmanx/)
 * Last activity: [1 year, 11 months ago](https://wordpress.org/support/topic/search-block-functionality-on-responsive-mobile-tablet/#post-17987374)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics