Content Width No Longer Accurate

  • Hello. I am using Bento with a child theme. For some reason the content width does not appear to be accurate on desktop, non-responsive views. I set the “content area” to 1200px in the Customize section and “Website layout” is set to wide, but the content area appears to be much wider than 1200px. I’m also using Crelly slider which is also set to 1200px and seems to be displaying properly at that width. What is strange is, when I change or view in the “Customize” window, the sizing looks appropriate on the right preview pane, but not in real time viewing. Looks more like 1600px or so. I tried disabling plugins, but that did not work.

    The page I need help with: [log in to see the link]

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

    (@satoristudio)

    Hey @multipointweb,

    the content width setting in Bento is intended for medium-sized screens; it will automatically scale up on screens wider than 1920px in order to make the website more usable. If you really want to disable this behaviour, you can add the following snippet to the “Additional CSS” tab of the “Appearance – Customize” admin section:

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

    (@multipointweb)

    Well, that makes complete sense. I wonder if I can get the slider to follow suit and scale up. I’ll try to track down your code for that and apply it to the slider content area. Thank you for this other limiting css code and your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Content Width No Longer Accurate’ is closed to new replies.