Tagged: header
- This topic has 8 replies, 3 voices, and was last updated 10 years, 8 months ago by Sakin.
-
AuthorPosts
-
August 7, 2013 at 7:59 am #12838NathanMember
I have a CatchBox Pro Account. My header is 143 pixels tall if I remove the heading and zero out the margins. Recently I acquired some artwork that I want to incorporate into the site. I’d like to increase the height of my header to exceed 143 pixels so that I can use a larger image in the header field. How do I do that? My website is http://www.restoringpangea.com Thank you for your help.
Nathan
August 8, 2013 at 12:46 pm #12889SakinKeymaster@Nathan: Catch Box Pro theme support flexible height image. You can upload the image of any height and herder will also be increased. Just go to “Appearance => Header” and upload the new image.
August 13, 2013 at 9:08 am #13087karenstlMemberI have the free Catch Everest. Up until I switched to your theme, I’ve always used a full width header. I can resize my header to make it fit any width, but I would like to have it be full width with the social buttons and search bar moved below (and above the nav bar) on one line. Would be fine with them all together or having social buttons left justified and search right justified.
Here is my header…again, I can resize it down to any width.
https://www.dropbox.com/s/mvt45wyszi6il65/Header_Large%20NEW.jpgMy site is: http://wwww.archcityhomes.com.
August 13, 2013 at 9:11 am #13088karenstlMemberI’d also like to change the background color of the nav bar (including drop downs) and the footer to the dark blue color in my header. Not sure how to get the code for the color or how to change the colors.
Again, URL is: http://wwww.archcityhomes.com/
August 13, 2013 at 11:42 am #13103SakinKeymaster@karenstl: Yes, you can upload the full width header image from “Appearance => Header”. You header image should be 1140px width. After you upload the image, it will show the crop box, there you click on don’t crop the image and use it.
After this your site will load the full width header image with padding and margin. To remove the padding and margin, you need to add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#hgroup-wrap { padding: 0; } #site-logo { padding: 0; }
For background color of menu and all, I recommend you to upgrade to Catch Everest Pro, where there is color option to change it all.
August 13, 2013 at 11:59 pm #13145karenstlMemberThanks for all of your help. Everything you suggested has worked.
After looking at the uploaded 1140px header, I’d like to make it the full width of the side and hide the search bar and social icons. I’ve already got social icons in my sidebar and can just add a search widget.
What width should I make the header, and do I just hide search and social icons, or do I need to have some CSS custom code?
August 14, 2013 at 12:25 am #13150SakinKeymaster@karenstl: You can hide it form “Appearance => Theme Options => Header Right Section”. Then click on “Disable Header Right Section” and save it.
August 14, 2013 at 12:28 am #13152karenstlMemberI found that on my own. What width should I make the header if I want it to span the entire page without the right header section?
By the way, you’ve been really helpful. It makes me glad I picked your theme!
August 14, 2013 at 12:46 am #13156 -
AuthorPosts
- The topic ‘Header Enlargement’ is closed to new replies.