shrinking the search bar

• 

  mow506 · Member · Dec 15, 2016 at 2:05 pm

  • Copy link
  • Add topic to favorites

  I have a big space between my site title, search bar and menu bar that I would like to reduce.

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

• 

  thesacredpath · Member · Dec 15, 2016 at 10:03 pm

  • Copy link

  Hi there, add the following to your custom CSS to fix the search issue.

  @media screen and (min-width: 1230px) {
  	.header-search {
  		margin-right: 0 !important;
  	}
  }

  While testing, I also noticed that the logo looks sort of funny at 1019px in window/screen width and less, so I’ll also offer this to move the logo to the left so it doesn’t interfere with the menu and search icons.

  @media screen and (max-width: 1019px) {
  	.site-logo-link img {
  		margin-left: 0;
  	}
  }

• 

  mow506 · Member · Dec 21, 2016 at 3:36 pm

  • Copy link

  THANK YOU:)

• 

  thesacredpath · Member · Dec 21, 2016 at 8:04 pm

  • Copy link

  You are welcome.