Joomla Templates Club 406,261 posts

[monalh Friend monalhJoin date: March 2012Posts: 68Downloads:23Uploads:21 Thanks: 17 Thanked: 1 times in 1 posts]

#177808

Hi!

I have problems with my menu in Internet Explorer. It goes in two lines, and starts to the right of the logo, and not under it. It works fine in other browsers like Chrome, Safari, Opera and Firefox, but not in Internet Explorer. Someone mentioned that it’s because of IE problems with CSS. Is it any way to fix this??

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#456061

Hi Monalh
Please open file /ja_puresite/css/template.css then find

#ja-mainnav {
float: right;
margin: -5px 0 -1px;
}

replace as

#ja-mainnav {
float: right;
margin: -5px 0 -1px;
width: 100%;
}

Regards,

[monalh Friend monalhJoin date: March 2012Posts: 68Downloads:23Uploads:21 Thanks: 17 Thanked: 1 times in 1 posts]

#456314

Hi!
Thank you, it looks like that solved it!

Another question… Why does the contentheading on each side dissapear under the menu in IE, while not in any of the other browsers? Any padding or margin to adjust? If I do that, the padding increases in the other browsers.. Any ideas?

Thanx!!

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#456384

Hi Monalh
I seen menu only incorrect on IE 7 so you should only fix on IE 7 and use margin as below:
Open file templates/ja_puresite/css/menu/mega.css ( line 18 )
Find

.ja-megamenu ul.level0 li.mega {
border-bottom: 2px solid #E5E6E7
border-top: 5px solid #353637
height: 40px;
padding-top: 20px;
}
Then add after that

*+html .ja-megamenu ul.level0 li.mega {
margin-bottom: 20px;
}

Regards,

1 user says Thank You to HeR0 for this useful post

1. monalh

[Author]

Posts