Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Weird Header image behavior


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 30, 2011, 12:50 PM
Cheers
 
105 posts · Jun 2010
I have a problem with the header area of a new site I am building. Can't figure out what is wrong. For some reason, when I scale the horizontal width of the browser window (firefox 3.6.13) the header juts out wider than the body of the site? Website is http://wine-insights.com Any help appreciated.
  #2  
Old Jan 30, 2011, 04:29 PM
lmilesw's Avatar
lmilesw
 
9,955 posts · Jul 2009
Central New York State USA
You can either set a static width to the site or you will have to play around with the CSS for the search, rss, and comments icons and fields. You have several absolutely positioned items which can be tricky work with. This won't fix your problem but if you add the following to ATO>Add HTML/CSS Inserts>CSS Inserts the header won't jut out when resizing but the icons are now not positioned correctly but maybe it will point you in the right direction.
HTML Code:
td.feed-icons {
position: absolute;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 30, 2011, 05:22 PM
Cheers
 
105 posts · Jun 2010
That got rid of the jutting out of the header, but now the feed icons and labels have all disappeared? But we're getting closer. This coding is like magic.
  #4  
Old Jan 30, 2011, 05:36 PM
lmilesw's Avatar
lmilesw
 
9,955 posts · Jul 2009
Central New York State USA
As I said it wouldn't fix your problem but point you in a direction. Sometimes this type of stuff takes playing around for awhile.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Last edited by juggledad; Jan 30, 2011 at 06:21 PM.
  #5  
Old Jan 31, 2011, 07:23 AM
Cheers
 
105 posts · Jun 2010
Unfortunately, my knowledge of php coding is scant at best. Any suggestions as to what I would tweak?
  #6  
Old Jan 31, 2011, 07:43 AM
lmilesw's Avatar
lmilesw
 
9,955 posts · Jul 2009
Central New York State USA
You wouldn't have to tweak any PHP. This could all be done with CSS. I use Firebug with Firefox which let's you virtually test CSS. That is what I used to get that code I posted. I just used Firebug to get the following which might work for you. Just put it in ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:
td.feed-icons {
white-space: nowrap;
position: relative;
top: 0;
left: 0;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jan 31, 2011, 07:46 AM
Cheers
 
105 posts · Jun 2010
Achh! I'm a genius!! A code monkey!
This is what I added and it worked (shock of shocks!)

td.feed-icons {
position: absolute;
top 65px;
left: 0px;
}
  #8  
Old Jan 31, 2011, 07:52 AM
Cheers
 
105 posts · Jun 2010
I replied before I realized that you had provided the answer. So, I tried your code and it brought the icons back but unfortunately the header again jutted out. So, I went back to the code that I stumbled upon. It works perfectly and the header doesn't jut out when you adjust the horizontal size of the browser window.

Last edited by Cheers; Jan 31, 2011 at 07:59 AM.

Bookmarks

Tags
header area, header image too wide, header images

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Configuration Panels Behavior kpkes@yahoo.com Header configuration & styling 8 Jun 15, 2010 08:34 AM
[SOLVED] Weird images dont change, when files changed in Dynamic Header?? Tamandua Header configuration & styling 1 Jan 23, 2010 10:28 AM
Weird image issue in posts jesseo Atahualpa 3 Wordpress theme 7 Jan 10, 2010 09:22 AM
Unusual Behavior in IE and Safari Kevinito Header configuration & styling 4 Aug 6, 2009 07:05 AM
weird problem with the header wonderllama Header configuration & styling 15 Apr 28, 2009 07:41 PM


All times are GMT -6. The time now is 12:47 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.