How do I make it so that the website displays at the full width of my browser?

  • Resolved johnnyr860

    (@johnnyr860)


    10 years ago

    My site can be viewed here.

    As you can see from the site the Jquery slider and the menu bar are all the same width as the entire browser window. However if you scroll down notice how the content does not display at the full width of the browser. How do I get the content to display at full width like the slider and menu are displaying?

    Also within the page settings I have it set to “No sidebars:full width layout”

Viewing 1 replies (of 1 total)

  • Hi Johny,
    you want your content in full full width so..
    Customizr is designed to have the main content limited to 1170px in desktop mode, so you might have some visual problem with the images, which should be partially solved with the centering images feature (in Global Settings -> Image) but .. since this is what you want.
    Add this to your child-theme functions.php:

    add_filter('tc_fp_widget_area', 'use_row_fluid');
add_filter('tc_footer_widget_area', 'use_row_fluid');
add_filter('tc_column_content_wrapper_classes', 'use_row_fluid');

function use_row_fluid($classes){
  return str_replace('row', 'row-fluid', $classes);
}

    and this to your child-theme style.css :

    .container { width: 100% !important;}
#main-wrapper{ padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    hope this helps

Viewing 1 replies (of 1 total)
  • The topic ‘How do I make it so that the website displays at the full width of my browser?’ is closed to new replies.