WordPress.org

Ready to get started?Download WordPress

Forums

[Theme: TwentyTwelve] Liquid banner (5 posts)

  1. Jeron.one
    Member
    Posted 1 year 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.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year 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
    Member
    Posted 1 year 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
    Forum Moderator
    Posted 1 year 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
    Member
    Posted 1 year 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