WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Theme: Twenty Twelve] Dynamic Width CSS (100% width) (3 posts)

  1. gcoulby
    Member
    Posted 1 year ago #

    This is my first time trying to create a dynamic width page with 2012. I have a page currently in HTML & CSS which has a width of 100% I know it's not always good practice but this design calls for it. I found a bit of code that would take it from W:906px to W1100px but that's still no good. I just want plain a simple 100% until it gets to 600px then it switches to mobile view (which funnily enough is 100% width).

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Twenty Twelve already has a dynamic width.

  3. gcoulby
    Member
    Posted 1 year ago #

    i figured it out with a simple reset. However, for some reason it wasn't working. However, there was a conflict in my reset. I applied this to the theme.

    body .site {
    	margin-top: 0px;
    	padding: 0px;
    }
    
    .site {
    	max-width: 1400px;				/* EDIT WIDTH (for dynamic width type max-width: none; )  */
    	padding: 0px;
    }
    
    #main {
    	padding-left: 40px;
    }
    
    .site-title, .site-description {
    	margin-left: 40px;
    }

    It worked a treat thanks for the response.

Topic Closed

This topic has been closed to new replies.

About this Topic