Modernize Theme page width

  • TBotNik

    (@oldmanriver)


    11 years, 9 months ago

    All,

    Modernize advertises itself as a “responsive” design, but the first responsive rule, written clear back in 1995, said that for the page to be responsive in the browser it must never use fixed width for page width and page width must be declared in %.

    I have a set of pages/sites with Modernize theme, and need them to meet the “responsive” mandate. Dumping the source out of the page I found:

    <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 the fixed page width, which I can tell with zoom out (‘ctl’+’-‘) on the page.

    Searched the code and can not find it. Must be in the DB, but where!

    All help appreaciated!

    OMR

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 9 months ago

    Sorry you need to talk to your theme vendors, or theme authors about this.
    Or, switch to a theme distributed here: http://wordpress.org/themes/ – We support those.

    stephencottontail

    (@stephencottontail)

    11 years, 9 months ago

    This is the code that WP adds when a user is logged, in order to clear space for the admin bar at the top of the screen. It doesn’t affect the responsiveness of any theme, though, and I can’t replicate whatever issue you’re seeing. Can you elaborate on that?

    Thread Starter TBotNik

    (@oldmanriver)

    11 years, 9 months ago

    All,

    look at:

    http://www.dallasoverheaddoor.com/

    Then zoom out and you will see what I mean. A true responsive design would maintain the screen width by % and still fill the screen correctly.
    This does not!

    Cheers!

    OMR

    stephencottontail

    (@stephencottontail)

    11 years, 9 months ago

    Whomever gave you this theme was lying when they said it was responsive, as you’ve discovered, because it has pixel widths all over the place. As far as I can see, it doesn’t have anything to do with the code you posted, because I don’t see that code (because I’m not logged in to your website). So, yeah, I’d do as Andrew suggested and complain to your theme vendor or author.

    Thread Starter TBotNik

    (@oldmanriver)

    11 years, 9 months ago

    stephencottontail,

    You are right, the boss and the IT team selected this previously and not a good choice, now they hired me to do SEO on something that is not truly SEO friendly, as all the fixed width stuff gives it problems on desktops, laptops and pads. They have code that does decent responsive rendering to phones, but smaller screen devices have issues.

    I would contact “GoodLayers” but to get support there, I must have the “Purchase Code” which no one on the IT Team documented so really lost there.

    Cheers!

    OMR

    Mark Ratledge

    (@songdogtech)

    11 years, 9 months ago

    @oldmanriver:

    You’re using a premium/paid theme. It’s best to go to the support site where the theme was bought for help with customizations and issues. These forums are for themes available in the WordPress theme directory at wordpress.org/themes/. See http://codex.wordpress.org/Forum_Welcome#Commercial_Products

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Modernize Theme page width’ is closed to new replies.