WordPress.org

Ready to get started?Download WordPress

Forums

Quark
[resolved] Centering All Header Content (2 posts)

  1. joshua.plays
    Member
    Posted 8 months ago #

    Hi all, I want to center all of my content in my header!

    I have created a child theme for my Quark parent theme. Curious if you can adjust the .php within the .CSS stylesheet of the child theme?

    Any articles or YouTube videos you can point me to would be great!

    Here's my site:
    http://www.joshrogersdesign.com

    Love your theme by the way! Just want to "center" the header content altogether.

    Thanks!

  2. ahortin
    Member
    Theme Author

    Posted 8 months ago #

    Quark uses a 12 column grid. Currently for the header section, it uses 5 columns for the logo and 7 columns for the social icons and menu.

    If you want to center all the content in the header, then you'll need to adjust header.php so that all the content resides in one full width column. IE. instead of doing something like the following, as it is currently...

    <div class="col grid_5_of_12 site-title">
    ...
    </div>
    <div class="col grid_7_of_12">
    ...
    </div>

    Do something like...

    <div class="col grid_12_of_12 site-title">
    ...
    </div>

    You'll obviously need to adjust the styles of the various components such as the menu and social icons as well.

Reply

You must log in to post.

About this Theme

About this Topic