Tagged: catch box pro, header, search bar
- This topic has 4 replies, 3 voices, and was last updated 11 years, 10 months ago by Sakin.
-
AuthorPosts
-
December 31, 2012 at 10:02 am #2688CCR2PMember
Hi 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 #2689CCR2PMemberAs 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 #2752SakinKeymaster@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 #4123thessMemberCan 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.