Modernize Theme page width

tbotnik · Member · Aug 2, 2014 at 11:54 pm
Copy link

Add topic to favorites
All,

The supossedly “responsive” theme Modernize, has a fixed width in the online browser. Can’t be a “responsive” theme with a fixed width page as the first “responsive” rule in 1995, was that all pages would be % not fixed width.

Have search all code and can not find where this is set, so guessing it is something stored in the DB.

Dumping source you see:
```
<style type="text/css" media="screen">
	html { margin-top: 32px !important; }
	* html body { margin-top: 32px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 46px !important; }
		* html body { margin-top: 46px !important; }
	}
</style>
```
and the 782px is right per what I see on the screen but can not find this in any code I’ve searched.

If someone has resized their version, would love to know how you did it

All help appreciated!

Cheers!

TBNK

The blog I need help with is: (visible only to logged in users)
tbotnik · Member · Aug 2, 2014 at 11:56 pm
Copy link
The following posted info is incorrect:

The blog I need help with is tbotnik.wordpress.com.

I did not specify a site, as I can not!
abreujamil · Member · Aug 3, 2014 at 12:13 am
Copy link
Hi TBNK! These days the term “responsive” is used pretty loosely, and has come to include any website that changes depending on the width of the screen, whether or not it has a fixed or % width. “Adaptive” is the more proper term, but many people use both as meaning the same thing:

Here’s neat tutorial on you might want to look at:

http://learn.shayhowe.com/advanced-html-css/responsive-web-design/

responsive design websites continually and fluidly change based on different factors, such as viewport width, while adaptive websites are built to a groups of preset factors.

So when you see

media screen and ( max-width: 782px )

This means that it will execute the css beneath it while the screen is less than 782px wide. Once it exceeds the max-width, the styles will not apply.

No items found.