[resolved] Centering All Header Content (2 posts)

  1. joshua.plays
    Posted 1 year 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:

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


  2. Anthony Hortin
    Theme Author

    Posted 1 year 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 class="col grid_7_of_12">

    Do something like...

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

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic