Layout Changes Based on Screen

Community Forums Forums Design Tips and Tricks Layout Changes Based on Screen

This topic is: not resolved

Tagged: ,

This topic contains 4 replies, has 2 voices, and was last updated by  Steve 1 year, 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #31331

    Steve
    Participant
    Post count: 2

    Hi all-

    So I’m having a tough time figuring out this problem. When I look at for instance the original template page for the Minimum design, http://demo.studiopress.com/minimum/, and move it in between my dual monitors (of different sizes and orientation), I realized that the design of the webpages completely change. For instance, the title MINIMUM THEME goes to the very top and above the navigation menu, or if you got the sample blog page, http://demo.studiopress.com/minimum/templates/blog/, the stuff including the about me etc. that was originally on the side bar is now at the very bottom under all of the blog posts.

    Is there a way to fix this and lock in the webpages so they don’t fundamentally alter the look of the website? I understand that it might have something to do with the “mobile responsive design” of this template, but can’t this be fixed???? (It’s driving me, a relative novice to CSS design, crazzzzzy).

    Thanks in advance for any help!

    Best,

    Steve

    #31348

    surefirewebserv
    Participant
    Post count: 69

    Yes, in your style sheet, just remove everything under the “Responsive Design” section. Once it’s gone, your site won’t change.


    SureFireWebServices.com | Genesis Tuts and More
    Genesis Theme Starter Kit | It’s Free

    #31356

    Steve
    Participant
    Post count: 2

    I did that but realized that by doing this, and then going to the website on my iPhone, that it totally doesn’t work. Is there not a way to have my cake and eat it too?

    #31359

    surefirewebserv
    Participant
    Post count: 69

    what’s the site? It should def work, all your doing is removing the media queries from changing anything when the screen size is changed. What you’ll get is your site as is, you’ll have to do some finger scrolling a bit but the site should still work…


    SureFireWebServices.com | Genesis Tuts and More
    Genesis Theme Starter Kit | It’s Free

    #31360

    Steve
    Participant
    Post count: 2

    http://www.legalizedstartup.com

    I can see a small portion on the iPhone Safari and Chrome, but a lot is blanked out.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.