Remove Search / Align Menu In Mobile

• 

  4fx2jhbtr9 · Member · Nov 4, 2020 at 1:57 am

  • Copy link
  • Add topic to favorites

  Good evening helpers!

  I’d love to know how I can hide the search functionality (or even just the icon) and I was wondering if it’s possible to nudge the menu icon in mobile up a little bit to align with my site’s name.

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  tenchoenyi · Member · Nov 4, 2020 at 7:33 am

  • Copy link

  Hello,

  First go to My Sites → Design → Customize → Additional CSS in your site dashboard.

  Add these following CSS code to hide the search icon and nudge your menu icon align with site name.

  .search-trigger-wrap{
  display:none;
  }
  
  @media only screen and (max-width: 767px){
  .menu-toggle {
      height: 31px;
      width: 30px;
      top: -4px;
      right: 14px;
  }
  }

• 

  kokkieh · Staff · Nov 4, 2020 at 7:53 am

  • Copy link

  Hi there,

  You can hide the Search icon using this CSS code:

  /* Hide search icon in menu */
  div.search-trigger-wrap {
  	display: none;
  }

  For nudging the menu button up you can use this:

  /* nudge menu button on mobile up slightly to better align with site title */
  @media only screen and (max-width: 1024px) {
    .menu-toggle {
      top: -5px;
    }
  }