Title: Search button (when enabled) causes layout problems
Last modified: February 6, 2020

---

# Search button (when enabled) causes layout problems

 *  [speedy_snail](https://wordpress.org/support/users/speedy_snail/)
 * (@speedy_snail)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/search-button-when-enabled-causes-layout-problems/)
 * The layout of text-based menu items is messed when the search icon button is 
   enabled on the menu bar:
 * [Screenshot of Menu (with problem)](https://www.dropbox.com/s/htkiq28okd0hgyg/ColorMag%20Layout%20Glitch.png?dl=0)
 * See how the ‘Resources’ menu item drops down.
 * Without the search icon, menu-items normally drop down to the next row, as follows:
 * [Screenshot of Menu (as it should work)](https://www.dropbox.com/s/nr3kptrmruarybq/ColorMag%20Layour%20Correct.png?dl=0)
 * Any idea how to fix this issue? I could do it in CSS, however, is this a problem
   with ColorMag itself, or with something I have changed / done?
    -  This topic was modified 6 years, 4 months ago by [speedy_snail](https://wordpress.org/support/users/speedy_snail/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsearch-button-when-enabled-causes-layout-problems%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Nitu – ThemeGrill Support](https://wordpress.org/support/users/nitushrestha10/)
 * (@nitushrestha10)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/search-button-when-enabled-causes-layout-problems/#post-12408566)
 * [@speedy_snail](https://wordpress.org/support/users/speedy_snail/)
 * Can you add the below CSS code with Additional CSS box and check?
 *     ```
       @media (min-width: 768px) {
         #menu-main-menu {
           display: flex;
           flex-wrap: wrap;
         }
         .main-navigation li {
           float: none;
         }
       }
       ```
   
 * Thanks.
 *  Thread Starter [speedy_snail](https://wordpress.org/support/users/speedy_snail/)
 * (@speedy_snail)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/search-button-when-enabled-causes-layout-problems/#post-12411555)
 * Absolute genius Nitu! Thank you so much. This helps me a lot.
 * Is this considered a display bug in ColorMag, or is this issue because of something
   specific to my site (e.g. a plugin clash, or something I changed)?
 * I wonder if it’s a ColorMag display bug, whether you will consider integrating
   this fix back into ColorMag core? If this happens, then please let me know, because
   then I can remove the CSS overrides you gave me.
 * Really appreciate your support.
 *  [Nitu – ThemeGrill Support](https://wordpress.org/support/users/nitushrestha10/)
 * (@nitushrestha10)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/search-button-when-enabled-causes-layout-problems/#post-12416006)
 * [@speedy_snail](https://wordpress.org/support/users/speedy_snail/)
 * We will have a detailed look on this within our development environment and if
   found the same issue then, we might fix that within the theme update. So, thank
   you for your patience.
 * Thanks.

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

The topic ‘Search button (when enabled) causes layout problems’ is closed to new
replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/colormag/4.2.0/screenshot.jpg)
 * ColorMag
 * [Support Threads](https://wordpress.org/support/theme/colormag/)
 * [Active Topics](https://wordpress.org/support/theme/colormag/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/colormag/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/colormag/reviews/)

## Tags

 * [layout](https://wordpress.org/support/topic-tag/layout/)
 * [search icon](https://wordpress.org/support/topic-tag/search-icon/)

 * 3 replies
 * 2 participants
 * Last reply from: [Nitu – ThemeGrill Support](https://wordpress.org/support/users/nitushrestha10/)
 * Last activity: [6 years, 4 months ago](https://wordpress.org/support/topic/search-button-when-enabled-causes-layout-problems/#post-12416006)
 * Status: not resolved