max-width rows settings doesn't affect header nor footer

BB Theme
1

Under the global settings I setup my site to be 1300px wide but it only affected the rows within the content but my header and footer stay with the default 1020px making the site look funny. Is this a theme glitch? I am using both bb-plugin and bb-theme. Please advise on how to correct it so that the global row settings affect the header and footer so the site looks consistent. Thank you !!!

2

Never mind … I found those settings on the customizer under general > layout. Sorry for the confusion.

3

wait … are you aware that these settings have a huge issue? if you setup the layout to be 1300px wide, when resizing the window under 1300px the container stays 1300px causing a horizontal scroll? The site layout should be setup with a max-width css attribute, not a static width. This is what it generates:

@media (min-width: 1100px)
.fl-full-width .container {
    padding-left: 0;
    padding-right: 0;
    width: 1300px;
}

BUT it should generate this instead:

@media (min-width: 1100px)
.fl-full-width .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 1300px;
}
4

are you aware that these settings have a huge issue? if you setup the layout to be 1300px wide, when resizing the window under 1300px the container stays 1300px causing a horizontal scroll? The site layout should be setup with a max-width css attribute, not a static width. This is what it generates:

.fl-full-width .container {
    width: 1300px;
}

BUT it should generate this instead:

.fl-full-width .container {
    width: 100%;
    max-width: 1300px;
}
5

This is the final custom CSS that helped me solved the issue entirely

@media (min-width: 1020px) {
	
.fl-full-width .container {
    width: 100%;
    max-width: 1300px;
}
	
.fl-page-nav-right .fl-page-header-row {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.row {
    margin-left: 0;
    margin-right: 0;
}
}
6

Hi Carlos,

Can you go into greater detail on how I can recreate the issue. As I have just set the Content Width to 1300px and I am not experiencing any horizontal scrolling.

Thanks,
Danny

7

Hi Carlos,

Just an update, Ben has reported this to our bug tracker. Thanks for bringing this our attention.

Thanks,
Danny