Menu icon Foundation
Website width is only 1000px on large screens

Hello, Foundation wizards,
greetings from Sweden!

I can't figure it out why my website layout doesn't get wider then 1.000 px. It doesn't adapt it's width on large screens? I've used a Joints Wordpress theme and FoundationPress theme, both based on Foundation 5. All media queries in my foundation.min.css correspond with default framework css.
I don't have any clue where to look for the answer anymore. Please, help!

My url: mobileapp.se

Thank you!

Wordpress themefluid layoutboxed layoutmedia queries

Hello, Foundation wizards,
greetings from Sweden!

I can't figure it out why my website layout doesn't get wider then 1.000 px. It doesn't adapt it's width on large screens? I've used a Joints Wordpress theme and FoundationPress theme, both based on Foundation 5. All media queries in my foundation.min.css correspond with default framework css.
I don't have any clue where to look for the answer anymore. Please, help!

My url: mobileapp.se

Thank you!

Rob Lampard almost 5 years ago

Hello, the following classes have a max-width set to 62.5rem in your app.css on line 754;

  • .row
  • .contain-to-grid .top-bar

Change the max-width on these classes and your site should adjust accordingly :)

Rafi Benkual almost 5 years ago

Rob is correct,

In the Sass version, _settings.scss
line 82
uncomment and change

$row-width: rem-calc(1000);

to

$row-width: 100%;

Or in CSS:

.row {
  max-width: 100%; 
}