Tagged: catch box pro, header, search bar
- This topic has 4 replies, 3 voices, and was last updated 12 years, 8 months ago by Sakin. 
- 
		AuthorPosts
- 
		
			
				
December 31, 2012 at 10:02 am #2688CCR2P MemberHi there, I am using Catch Box Pro and I have two questions. 1. I need to move the default search bar enabled in my heading up about 5px. How can I do this? 2. As well, I am using the following image as my header: http://img27.imageshack.us/img27/8095/finalccr2plogoheaderv3.jpg If I want the “ribbon” (blue and white background) to continue across the screen similar to how http://catchthemes.com/ looks (ie. the header background (the grey part) continues off the screen), how can I do this? Thank you in advance, Patrick December 31, 2012 at 4:18 pm #2689CCR2P MemberAs well, how do I disable the search bar in the header but ONLY for mobile versions? The search bar blocks my logo in a mobile version. Finally, is there a way to configure the site as “full site” when navigating on the mobile (as the mobile version is different)? Can I add a link to this effect? January 3, 2013 at 10:58 pm #2752Sakin Keymaster@CCR2P: You can add the following CSS in “Custom CSS” box in Theme Option under Appearance tab in your WordPress Dashboard. 
 
 /* For header search bar: */
 #branding #searchform {
 top: 2em;
 }
 /* For background image. You can add like below: */
 body {
 background: url("http://img27.imageshack.us/img27/8095/finalccr2plogoheaderv3.jpg") no-repeat scroll 0 0 transparent;
 }
 /* For hiding header search box in mobile devices */
 @media screen and (max-width: 479px) {
 #branding #searchform {
 display: none;
 }
 February 19, 2013 at 8:36 pm #4123thess MemberCan I also use this codes in the simple catch theme? I tried using /* For header search bar: */
 #branding #searchform {
 top: 2em;
 }but it doesn´t work. The search bar in the header is still there… February 20, 2013 at 12:39 am #4129
- 
		AuthorPosts
- The topic ‘Search Bar Spacing on Header’ is closed to new replies.
