Menu icon Foundation
Sizing outside the box

My first website using foundation and I'm under a bit of pressure to get it finished so could anyone help me with this small problem?

Most of my pages contain themselves to 960 pixels width, but the following two where I have a side column do not, and at full size on a large screen stretch the full width. I'm sure this is easily resolved, but I need to fix it and get some styling and other changes done when I get home tonight!

http://www.yellotestbed.co.uk/thomas_grove_cottage.html
http://www.yellotestbed.co.uk/thomas_grove_house.html

Thanks,

Simon

codebrowser width

My first website using foundation and I'm under a bit of pressure to get it finished so could anyone help me with this small problem?

Most of my pages contain themselves to 960 pixels width, but the following two where I have a side column do not, and at full size on a large screen stretch the full width. I'm sure this is easily resolved, but I need to fix it and get some styling and other changes done when I get home tonight!

http://www.yellotestbed.co.uk/thomas_grove_cottage.html
http://www.yellotestbed.co.uk/thomas_grove_house.html

Thanks,

Simon

Darek Wędrychowski over 4 years ago

 <div class="off-canvas-wrap" data-offcanvas="">

You're missing class "row" here. That's why it stretches. It should look like that:

 <div class="row off-canvas-wrap" data-offcanvas="">

Simon Olley over 4 years ago

Thanks Darek,

It's all beginning to make sense!