[css] School website template messed up

[quiet_andy]

Hi,

 

We recently updated our school website using a free template and did some customisation via Custom overrides. I know it is probably one of these that is causing the issue but cannot seem to find the problem. The website works fine on chrome and firefox, but some people who are using IE are having issue of the top banner not showing and the drop down menus disappearing. Any help would be greatly appreciated.

 

It is Joomla with the free Afterburner2 template.

 

The web address is Home

 

The custom code is below:

body {color:#000000}
#rt-top-surround, #rt-footer {background: #0073CF;}
.gf-menu .dropdown {background: #005CA5;}
.gf-menu.l1 > li > .item {line-height:30px;padding: 0 20px;}
.gf-menu li:hover > .item {background: #ffffff !important;}
.gf-menu .dropdown ul li.active > .item {background: #ffffff;}
.button, .readon, .readmore, button.validate, #member-profile a, #member-registration a, .formelm-buttons button, .btn-primary, .btn.btn-primary.disabled, .btn.btn-primary[disabled], a.btn.btn-primary.disabled:hover {background: #0073CF;}

/*Menu Settings for phones and tablet*/
@media (max-width: 767px) { 
.layout-mode-responsive .gf-menu-device-container {background: #005CA5;}
.layout-mode-responsive .gf-menu {background: #005CA5;}
.gf-menu li:hover > .item {background: #0073CF !important;}
.layout-mode-responsive .gf-menu li .item {line-height: 21px;}
}

[JATSO]

Hi,

 

We recently updated our school website using a free template and did some customisation via Custom overrides. I know it is probably one of these that is causing the issue but cannot seem to find the problem. The website works fine on chrome and firefox, but some people who are using IE are having issue of the top banner not showing and the drop down menus disappearing. Any help would be greatly appreciated.

 

It is Joomla with the free Afterburner2 template.

 

The web address is Home

 

The custom code is below:

body {color:#000000}
#rt-top-surround, #rt-footer {background: #0073CF;}
.gf-menu .dropdown {background: #005CA5;}
.gf-menu.l1 > li > .item {line-height:30px;padding: 0 20px;}
.gf-menu li:hover > .item {background: #ffffff !important;}
.gf-menu .dropdown ul li.active > .item {background: #ffffff;}
.button, .readon, .readmore, button.validate, #member-profile a, #member-registration a, .formelm-buttons button, .btn-primary, .btn.btn-primary.disabled, .btn.btn-primary[disabled], a.btn.btn-primary.disabled:hover {background: #0073CF;}

/*Menu Settings for phones and tablet*/
@media (max-width: 767px) { 
.layout-mode-responsive .gf-menu-device-container {background: #005CA5;}
.layout-mode-responsive .gf-menu {background: #005CA5;}
.gf-menu li:hover > .item {background: #0073CF !important;}
.layout-mode-responsive .gf-menu li .item {line-height: 21px;}
}

 

Seems to work fine here on IE 11.

[quiet_andy]

That's the annoying part it seems localised to specific machines/users. Problem is it is the head and deputy who are having issues.

[JATSO]

That's the annoying part it seems localised to specific machines/users. Problem is it is the head and deputy who are having issues.

 

If they are domain PC's the heads are using does it do it with the local administrator logged into the pc they are using?

[Arreks]

Try turning compatibility mode on/off

[quiet_andy]

Funnily for some reason it was classing the website as an intranet page and the tick box for display all intranet pages in Compatibility Mode was ticked. Sorted now.