1 reply [Last post]
Jag2112
Jag2112's picture
Offline
newbie
New Jersey
Last seen: 2 years 28 weeks ago
New Jersey
Timezone: GMT-5
Joined: 2017-01-28
Posts: 1
Points: 2

Hi Everyone-

I'm hoping someone can help solve an issue I've been having with a new layout to a site I've been running since 2004 (www.cygnus-x1.net).

The issue is on this test page: http://www.cygnus-x1.net/links/rush/new-layout-2017/hold/

The entire page functions perfectly when scaling the size of the browser window. The width of images, and the main 'Welcome' text box all increase and decrease as expected. However both the main C-X1 logo at the top of the page, as well as the 'Welcome' text box will not increase beyond 992 pixels wide, even if the browser is large enough to contain a great er width while maintaining all of the border padding.

This template, and corresponding CSS code, was created for me, and I'm afraid I'm not terribly well versed in CSS. However I have gone through the style.CSS file, as well as other CSS files, identified where the calls are for both the logo image and text box, and I see no obvious code that restricts the width of these components to 992 pixels (or approximately that width).

I'd really appreciate it if someone could take a look and point out the error of my ways Smile

The Style CSS file can be found here: http://www.cygnus-x1.net/links/rush/new-layout-2017/hold/css/style.css
Another CSS file which I believe may also be in use is found here: http://www.cygnus-x1.net/links/rush/new-layout-2017/hold/css/dg_responsive.css

And, of course, the source code for the main page can be found via the original link above.

Thanks in advance for your help.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 1 hour ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9742
Points: 3821

Bootstrap is doing it to ya

Look in bootstrap.css, for the .container selector, lines 1580 – 1592. If you remove the width properties, the limitations go away. Were it me coding, I'd probably use a percentage width, e.g. 90% and center with side margins .container {margin: 0 auto;}.

Be sure to test thoroughly. Bootstrap is not known for using the cascade rationally. It may break something to remove the widths.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.