Joomla Templates Club 406,261 posts

[gavner Friend gavnerJoin date: June 2008Posts: 142Downloads:213Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#190858

Hi, if view my site in chrome and safari it looks fine at the top with the menu lined with the logo.

http://174.132.53.220/~sony/

However if i view it in IE and FF the menu is lined up lower than the logo which looks out of place and different to the first 2 browsers. How can i fix it ?

[gavner Friend gavnerJoin date: June 2008Posts: 142Downloads:213Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#507146

Can someone help me with this pls?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#507286

You can try to fix this problem with my solution

Open templates/ja_mero/css/template.css file

From

.ja-mainnav .navbar {
color: #666;
margin-bottom: 0;
margin-top: -40px;
}

.ja-mainnav .navbar-inner {
background-color:Black;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity:.5;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
min-height: 40px;
padding: 10px;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
float: right;
margin-top: -45px;}
.ja-mainnav .navbar .nav {
margin: 0;
}

Change to

.ja-mainnav .navbar {
color: #666;
margin-bottom: 0;
margin-top: 0px !important;
}

.ja-mainnav .navbar-inner {
background-color:Black;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity:.5;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
min-height: 40px;
padding: 10px;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
float: right;
margin-top: -85px;}
.ja-mainnav .navbar .nav {
margin: 0;
}

[Author]

Posts