[Theme: TwentyTwelve] Liquid banner (5 posts)

  1. Jeron.one
    Posted 2 years ago #


    I find myself customizing TwentyTwelve and don't really know how to make the banner liquid. I want the logo and top navigation to be centered in the middle of the screen and the sides of the header section (logo and navigation) to fill up the whole width of the screen.

    Here is my situation:

    /* Header */
    .site-header {
    	background-color: #F2F2F2;
    	margin: 0 auto;
    	max-width: 1200px;

    So with max-width and margin I manage to center the div (which is the "masthead") and with width:100% I was expecting the sides to occupy the whole width of the screen but it doesn't do anything.

    Any help would be much appreciated.

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Do you have a Child Theme - you must not modify theme files especially in a default theme.

    After you have that set up, please post a link to your site.

  3. Jeron.one
    Posted 2 years ago #

    I'm modifing the style.css file found inside the TwentyTwelve theme. Is this ok?

    I haven't touched any core WordPress files.

    My site is being created in localhost, it's not online yet.

  4. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    We advise you not to edit the theme's files, as three things generally happen;
    - When the theme updates, you'll lose your modifications.
    - The theme will be compromised.
    - Debugging issues becomes more difficult.

  5. Jeron.one
    Posted 2 years ago #

    Yes, just read it. My bad!

    But still, is the above code correct to achieve what I want?

Topic Closed

This topic has been closed to new replies.

About this Topic