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

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;
  }
}

The topic ‘Remove Search / Align Menu In Mobile’ is closed to new replies.

WordPress.com forums

Remove Search / Align Menu In Mobile