Centering All Header Content

  • Resolved joshua.plays

    (@joshuaplays)


    10 years, 4 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!

Viewing 1 replies (of 1 total)
  • Theme Author Anthony Hortin

    (@ahortin)

    10 years, 4 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.

Viewing 1 replies (of 1 total)
  • The topic ‘Centering All Header Content’ is closed to new replies.