Support » Themes and Templates » [Theme: TwentyTwelve] Liquid banner

  • Hi.

    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;
    	width:100%;
    
    }

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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.

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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.

    Yes, just read it. My bad!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Theme: TwentyTwelve] Liquid banner’ is closed to new replies.