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)

    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)

    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 5 years, 1 month ago by speedy_snail.

    The page I need help with: [log in to see the link]

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

  • @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

    (@speedy_snail)

    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.

    @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.