CODEWITHSUNDEEP
cssruby-on-railsruby
Lazarus Lazaridis
Lazarus Lazaridis

Reputation: 6029

Page header - full width

I have this page in my application:

http://actibities-uniongr.rhcloud.com/pages/view-demo

If you shorten your browser's window to less than 1000px and scroll horizontally you'll see that the header doesn't span (doesn't fill the full width of the screen). It happens only to this page that has an iframe (youtube embed).

Any idea?

Upvotes: 0

Views: 111

Answers (2)

Paulie_D
Paulie_D

Reputation: 115127

There is nothing wrong with the header.

The basic problem is that the YouTube video has a fixed width of 650px in the iframe. Once you get down to a certain page width, it breaks out of the container causing a scrollbar. You'll have to find a way of making the video scale with the page.

See Here: SO Link

Upvotes: 2

Kishori
Kishori

Reputation: 1095

This issue is caused due to one of the property applied to YouTube container.

Try this out:

remove property -moz-box-sizing:border-box from class .row-fluid [class*="span"].

Upvotes: 2

Related Questions