Dear Paolo,
Here is the behavior *before* and *after* renaming
bootstrap-responsive.min.css to be _bootstrap-responsive.min.css
BEFORE renaming bootstrap-responsive.min.css ro be _bootstrap-responsive.min
.css
Normal Size Viewport: w=959 h=678
Behavior:
- top level mmenu items DO NOT appear in the black
bar.
- Horizontally Striped Box appeared to the right of
the Login menu.
- When i click on that Horizontally Striped Box,
- the entire menu appears vertically,
in a vertically expanded black bar,
about 2 inches from top to bottom.
Full Screen Viewport: w=1024 h=767
Behavior:
- NO Horizontally Striped Box appeared to the right
of the Login menu.
- top level menu items appear in the black bar
- sub-menus DO NOT appear when main items are
hovered over
AFTER renaming bootstrap-responsive.min.css ro be _bootstrap-responsive.min.css
Normal Size Viewport: w=959 h=678
Behavior: (Same as BEFORE Full Screen)
- NO Horizontally Striped Box appeared to the right
of the Login menu.
- top level menu items appear in the black bar
- sub-menus DO NOT appear when main items are
hovered over
Full Screen Viewport: w=1024 h=767
Behavior: (Same as BEFORE Full Screen)
- NO Horizontally Striped Box appeared to the right
of the Login menu.
- top level menu items appear in the black bar
- sub-menus DO NOT appear when main items are
hovered over
Here is the method i used to measure the viewport.
viewportSize.html:
<html>
<head>
<script type="text/javascript">
// from http://beantin.se/post/354097397/track-viewport-google-analytics
function viewport() {
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement &&
( document.documentElement.clientWidth
|| document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body &&
( document.body.clientWidth
|| document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
alert( "w="+myWidth+" h="+myHeight);
/*
_gaq.push(['_trackEvent',
'Viewport',
'Size',
myWidth+'x'+myHeight, true]);
_gaq.push(['_trackEvent',
'Viewport',
'Width',
myWidth+'x'+myHeight,
myWidth, true]);
_gaq.push(['_trackEvent',
'Viewport',
'Height',
myWidth+'x'+myHeight,
myHeight, true]);
*/
}
</script>
</head>
<body onLoad="viewport()">
</body>
</html><html>
<head>
<script type="text/javascript" src="s" ></script>
</head>
<body>
</body>
</html>
Thanks for the help, Paolo.
Love and peace,
Joe
On Tuesday, September 25, 2012 10:44:02 AM UTC-7, Paolo Caruccio wrote:
>
> Please try to rename "bootstrap-responsive.min.css" in static/css folder
> (for example change the name in "_bootstrap-responsive.min.css"
> Moreover could you check the viewport dimensions?
> It seems a responsive layout issue.
>
> Il giorno martedì 25 settembre 2012 19:20:18 UTC+2, JoeCodeswell ha
> scritto:
>
--
