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:
>
 

-- 



Reply via email to