Issue with Title in Internet Explorer 7

1. 

   clindsey (Member)
   Posted 9 months ago | Permalink

   Patrick,
   I really like the WP Full Site theme and am customizing it for a website for my wedding (changing the colors around, though). The one issue I've noticed, and I've noticed on the demo site and some others that use this theme, is that in Internet Explorer 7 the site title is cut off at the top and bottom. Below is a link to a example picture.

   http://i45.tinypic.com/2vubt54.jpg

   At first I thought the issue was with the contact information on the right, but taking that code out didn't fix the issue. Have you noticed this issue? Would you happen to know of a fix for it? Thanks!

   And thanks for providing this great looking theme!

2. 

   Patrick Daly (Key Master)
   Posted 9 months ago | Permalink

   I hadn't notice that before and no one's pointed it out surprisingly.

   Here's what I did to fix it.

   #header {
   	background: url('library/images/bg-hd.gif') no-repeat;
   	border-bottom: 1px solid #444;
   	color: #fff;
   	height: 77px;
   	padding: 15px 20px;
   	position: relative;
   }
   #site-title {
   	float: left;
   	font-family: "Rockwell";
   	font-size: 50px;
   	font-variant: small-caps;
   	font-weight: bold;
   	line-height: 50px;
   	margin: 0;
   }
   #site-description {
   	clear: left;
   	color: #ccc;
   	float: left;
   	font-size: 16px;
   	font-style: italic;
   	margin: 0;
   	padding: 0;
   }

   All I did was add the correct line height to the #site-title and then remove the extra space that it created from the #header and the #site-description.

   You can either paste this into your stylesheet at the bottom or replace the selectors with the new styles.

   Let me know if you run into any other problems. If not, I'll release a new version this weekend with the fix.

3. 

   clindsey (Member)
   Posted 9 months ago | Permalink

   Patrick,

   Thanks for that quick response. For the most part, that fixed the issue. My exception is that the bottoms of letters (like 'y' and 'g') that go lower than other letters are seeing the bottoms cut off in IE7 (but not Firefox). This is something I can live with, though.

   Whoops, one more issue (IE7 related, again). I believe this update messed with the navigation, when you have child pages. The child page drop downs aren't clickable in IE7. On my site, where I just made your changes, I can't click on the child (sub)pages now, but on your demo site (which doesn't have these css changes) I can click on them. Is this related to the css change?

   Thanks again.

   Chris

4. 

   clindsey (Member)
   Posted 9 months ago | Permalink

   Patrick,
   Have you been able to take a look at this?
   Chris

5. 

   Patrick Daly (Key Master)
   Posted 9 months ago | Permalink

   Can you give me a link to your site? I'm not seeing this happening on the demo.

   Although it may be happening on some computers. The site title uses the font Rockwell when it exists. I'm on my laptop right now and it doesn't have Rockwell and I'm not having the title or navigation issues.

6. 

   clindsey (Member)
   Posted 9 months ago | Permalink

   Thanks for checking into this.

   http://ferrislindseywedding.com

7. 

   Patrick Daly (Key Master)
   Posted 9 months ago | Permalink

   In your #site-title selector, change the line-height to 60px like so:

   #site-title: 60px;

   As for the navigation, I can't figure out what's causing the issue. It's not related to the CSS changes I posted above, so it must be another customization you made.

   I'd start by replacing all your navigation-related CSS with the original and then making sure that the only changes you make are color related.

   Let me know if that works!

8. 

   clindsey (Member)
   Posted 9 months ago | Permalink

   Patrick,

   Thanks for the feedback. The line height change on the site-title fixed that perfectly.

   As for the navigation drop-downs. I actually reverted my style.css file to the same css that is running on your demo site and I still had the problem in IE7 (which is so strange, because just loading your demo site in IE7 doesn't have the issue).

   The only difference I notice between my site and your demo site is that I am not running the hero box. Could that be causing a problem? I am also just using a static page for the homepage, but the issue is happening on all of the pages.

   And one other IE7 issue I noticed. The bullets in the sidebar widgets aren't displaying correctly. Only the last item in a list (in a widget) is displaying the bullet in IE7.

   Thanks again for all of your help.

9. 

   adougherty (Member)
   Posted 4 months ago | Permalink

   Hi Patrick,

   I've noticed the same issue with the navigation drop down with child pages and with IE 7. The only change I've made to the CSS is to change out the font and I can't see how that would interfere.

   Site in question: http://www.centerforthaimassage.com/paintingelephants

RSS feed for this topic

Reply

You must log in to post.