Missing footer and header classic responsive android

[pixelpadre]

I noticed that footer and header doesnt appear on classic responsive on my android. But it does appear on bootstrap template. Is there a simple way to make them appear?

[barco57]

I assume the issue is on lakecountyprocessservers as it is the only one of the three sites of yours I know about that is missing some of the header and footer on a mobile device.

I took a look at it and checking developer tools I see that you are actually hiding that stuff via a css rule when the orientation is portrait, which means it should be missing on all mobile devices.

includes/templates/responsive_classic/css/responsive_mobile.css line 422

@media only screen and (orientation: portrait)
#navCatTabsWrapper, #navEZPagesTop, #navSuppWrapper {
    display: none;
    visibility: hidden;
}

[barco57]

I was looking at it more and wondered why it also was missing in landscape mode on my mobile device and I am pretty sure it is because that rule is written wrong

it should be

@media only screen and (orientation: portrait) {
#navCatTabsWrapper, #navEZPagesTop, #navSuppWrapper {
    display: none;
    visibility: hidden;
    }
}

[pixelpadre]

Barco That didnt work for me. It had no effect on portrait or landscape on my LG cell phone or samsung tablet. firefox and chrome.

[pixelpadre]

Samsung Tablet
Firefox portrait fail , Firefox landscape success
Chrome portrait fail, Chrome landscape success

LG Cell
firefox fail
chrome fail

[simon1066]

Works fine on my mobile (chrome), perhaps it's a caching issue?

[pixelpadre]

Works fine on my mobile (chrome), perhaps it's a caching issue?

Absolutely not caching issue.

[simon1066]

Works fine on my mobile (chrome), perhaps it's a caching issue?

Scrap that, I wasn't looking at the right thing - apologies.

[barco57]

umm, let me think on it.. I might be wrong...

[barco57]

comment out line 422

#navCatTabsWrapper, #navEZPagesTop, #navSuppWrapper{display:none;visibility:hidden;}

also, line 193 is the same thing for landscape, so maybe that one too

responsive_mobile.css is only loaded on mobile devices as determined by the code in includes/classes/Mobile_Detect.php which includes most tablets