Site Width Not Fixed at Customization Setting

  • Resolved rtqc

    (@rtqc)


    8 years, 3 months ago

    I’ve set the site width to the default 1080 in customization but the site is running at about 1380 (I’m on a large monitor 1920)

    I tried both wide and boxed layouts and the content area remains at 1380.

    Is there CSS I can add or is there another setting I need to set somewhere?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author satoristudio

    (@satoristudio)

    8 years, 3 months ago

    Hey @rtqc,

    Bento has an extra media breakpoint at 1920px (it’s a popular size for large screens but not as widely used as smaller dimensions if we take overall device stats); this breakpoint automatically increases whichever standard width setting is active so that the website looks better on larger monitors. In other words, it’s intended behaviour following web design best practices.

    If you really need to change it to 1080px on all screens above 1024px wide, you can try using this custom snippet in the “Additional CSS” tab of the “Appearance – Customize” admin section:

    @media screen and (min-width: 120em) {	
	.bnt-container {
		max-width: 1080px !important; 
	}
}
    Thread Starter rtqc

    (@rtqc)

    8 years, 3 months ago

    Thank you so much @satoristudio for the solution and quick response.
    The CSS you provided worked perfectly.

    Thread Starter rtqc

    (@rtqc)

    8 years, 1 month ago

    Resolved

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Site Width Not Fixed at Customization Setting’ is closed to new replies.