[Theme: TwentyTwelve] Liquid banner

  • Jeron.one

    (@jeronone)


    11 years, 1 month ago

    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)
  • WPyogi

    (@wpyogi)

    11 years, 1 month 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.

    Thread Starter Jeron.one

    (@jeronone)

    11 years, 1 month 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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month 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.

    Thread Starter Jeron.one

    (@jeronone)

    11 years, 1 month ago

    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.

Tags