Anybody have any idea what would cause this:

Discussion in 'WordPress' started by Brt, May 8, 2010.

  1. #1
    Brt, May 8, 2010 IP
  2. otshare

    otshare Peon

    Messages:
    70
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    your website layout obviously does not look healthy. it scrolls horizontally too much. I guess you are using fixed width style sheet and the width is too bid. The problem with your sidebar is also related to the width of your total body width. So if this is not a theme that u designed yourself then get another theme that does not scroll.
     
    otshare, May 8, 2010 IP
  3. Torchwood

    Torchwood Peon

    Messages:
    30
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    In your theme you need to edit the CSS for the navigation div. Firebug shows 912px for the width of that box. Change it to 100% or the correct size in pixels.
     
    Torchwood, May 8, 2010 IP
  4. Brt

    Brt Peon

    Messages:
    107
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    My style.css file is very small for some reason and doesn't allow those adjustments:

    /*
    Theme Name: Flexibility2
    Theme URI: http://www.flexibilitytheme.com/
    Description: Flexibility2 is the newest release of the world's most customizable WP theme. View tutorials on customization and feel free to make a donation at <a href="http://www.flexibilitytheme.com">FlexibilityTheme.com</a>.
    Version: 1.0
    Author: Ryan Grabenstein
    Author URI: http://www.flexibilitytheme.com
    Tags: dark, light, two-columns, custom-colors, custom-header, theme-options, right-sidebar, threaded-comments
    */
     
    Brt, May 8, 2010 IP
  5. Torchwood

    Torchwood Peon

    Messages:
    30
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Look under widgets.css or style.php

    #nav  {
    background:url("images/navssbg.png") repeat-x scroll left top #005DE0;
    border-bottom:2px solid #000000;
    height:33px;
    margin:0;
    padding-left:8px;
    width:952px;
    Code (markup):
     
    Torchwood, May 8, 2010 IP
  6. Brt

    Brt Peon

    Messages:
    107
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thanks very much for your help. here is what I found for the NAV settings but i am not seeing what should be modified:

    /*--- Navigation Menu Settings ---*/

    #nav {
    <?php if ($flex_nav_style == "simple") { ?>
    background: url(images/navfhleft.png) left top repeat-x;
    background-color: #<?php echo $flex_nav_barback; ?>;
    padding-left:0px;
    <?php } elseif ($flex_nav_style == "indent") { ?>
    background: url(images/navrdleft.png) left top repeat-x;
    background-color: #<?php echo $flex_nav_barback; ?>;
    padding-left:4px;
    <?php } elseif ($flex_nav_style == "aqua") { ?>
    background-image:none;
    background-color:#000;
    padding-left:10px;
    <?php } elseif ($flex_nav_style == "tabs") { ?>
    background: url(images/navssbg.png) left top repeat-x;
    background-color: #<?php echo $flex_nav_barback; ?>;
    padding-left:10px;
    <?php } elseif ($flex_nav_style == "cnn") { ?>
    background-color: #FFF;
    padding-left:0px;
    text-transform: uppercase;
    font-size:11px;
    <?php } ?>
    border-bottom: solid <?php echo $flex_blog_borderwidth; ?>px #<?php echo $flex_blog_bordercolor; ?>;
    width:<?php echo $navwidth; ?>px;
    margin: 0px;
    padding-left: 8px;
    height:33px;
    }

    #nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    #nav li {
    float: left;
    margin-right: 8px;
    <?php if ($flex_nav_style == "simple") { ?>
    margin-right: 0px;
    <?php } elseif ($flex_nav_style == "tabs"){ ?>
    margin-right: 1px;
    <?php } elseif ($flex_nav_style == "indent"){ ?>
    margin-right: 1px;
    <?php } elseif ($flex_nav_style == "cnn"){ ?>
    margin-right: 0px;
    <?php } ?>
    }

    * html #nav li a { /* Filter for IE6 to prevent li stacking */
    float: left;
    text-decoration: none;
    }

    * html #nav li a span { /* Filter for IE6 to prevent li stacking */
    float: left;
    margin-left: 4px;
    text-decoration: none;
    }

    #nav li a {
    display: block;
    height: 33px;
    <?php if ($flex_nav_style == "indent") { ?>
    background: url(images/navrdleft.png) left top no-repeat;
    <?php } elseif ($flex_nav_style == "tabs") { ?>
    background: url(images/navssleft.png) left top no-repeat;
    padding-top:0px;
    <?php } elseif ($flex_nav_style == "simple") { ?>
    background: url(images/navfhleft.png) left top repeat-x;
    <?php } elseif ($flex_nav_style == "aqua") { ?>
    background: url(images/navsfleft.png) left top no-repeat;
    <?php } elseif ($flex_nav_style == "cnn") { ?>
    background: url(images/navcnnleft.png) left top no-repeat;
    <?php } ?>
    background-color: #<?php echo $flex_nav_color; ?>;
    font-family: Arial, Helvetica;
    text-decoration: none;
    }

    #nav li a span {
    display: block;
    margin-left: 10px;
    padding-left: 4px;
    padding-right: 13px;
    line-height: 32px;
    padding-bottom:1px;
    font-weight: normal;
    color: #<?php echo $flex_nav_txtclr; ?>;
    <?php if ($flex_nav_style == "indent") { ?>
    background: url(images/navrdright.png) right top no-repeat;
    <?php } elseif ($flex_nav_style == "tabs") { ?>
    background: url(images/navssright.png) right top no-repeat;
    line-height: 26px;
    padding-top:6px;
    <?php } elseif ($flex_nav_style == "simple") { ?>
    background: url(images/navfhright.png) right top repeat-x;
    <?php } elseif ($flex_nav_style == "aqua") { ?>
    background: url(images/navsfright.png) right top no-repeat;
    <?php } elseif ($flex_nav_style == "cnn") { ?>
    background: url(images/navcnnright.png) right top no-repeat;
    margin-left: 0px;
    padding-left: 8px;
    <?php } ?>
    background-color: #<?php echo $flex_nav_color; ?>;
    text-decoration: none;
    }

    #nav li a:hover {
    background-position: left -33px;
    text-decoration: none;
    background-color: #<?php echo $flex_nav_tabhvr; ?>;
    cursor: pointer; /* For IE6 */
    }

    #nav li a:hover span {
    background-position: right -33px;
    color: #<?php echo $flex_nav_hvrcolor; ?>;
    background-color: #<?php echo $flex_nav_tabhvr; ?>;
    <?php if ($flex_nav_style == "tabs") { ?>
    line-height: 32px;
    padding-top:0px;
    <?php } ?>
    }

    #nav li.current_page_item a, #nav li.current_page a {
    background-position: left -33px;
    background-color: #<?php echo $flex_nav_tabhvr; ?>;
    }

    #nav li.current_page_item a span, #nav li.current_page a span {
    background-position: right -33px;
    color: #<?php echo $flex_nav_hvrcolor; ?>;
    background-color: #<?php echo $flex_nav_tabhvr; ?>;
    }

    /*-- Header search box styles --*/
     
    Brt, May 8, 2010 IP
  7. Torchwood

    Torchwood Peon

    Messages:
    30
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    It's under style.php

    Are looking there? Firebug shows it being on line 171.

    /*--- Navigation Menu Settings ---*/
    
    #nav {
    background: url(images/navssbg.png) left top repeat-x;
        background-color: #005de0;
        padding-left:10px;
    border-bottom: solid 2px #000000;
        width:952px;  
    	margin: 0px; 
        padding-left: 8px; 
        height:33px;
    }
    Code (markup):
     
    Torchwood, May 8, 2010 IP
  8. Brt

    Brt Peon

    Messages:
    107
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Yes, style.php NAV section posted above, line 171 is in the logo section:

    171 height: 110px;
     
    Brt, May 8, 2010 IP