Title: Header main area alignment issues
Last modified: November 13, 2020

---

# Header main area alignment issues

 *  Resolved [tkgregory](https://wordpress.org/support/users/tkgregory/)
 * (@tkgregory)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/header-main-area-alignment-issues/)
 * Take a look at [my site](https://tomgregory.com/) and at the top you’ll see a
   menu bar (Latest, Gradle Tutorials…).
 * This bar has a margin left which is misaligning it with the image above. Here
   is the problematic css.
 *     ```
       @media (min-width: 769px)
       .tg-site-header--left .tg-block--two {
           margin-left: 4em;
       }
       ```
   
 * I have not found any option to resolve this in the Zakra theme customisation 
   options.
 * I also had to add this custom css in order to prevent all menu items aligning
   right.
 *     ```
       .tg-primary-menu>div>ul {
       	justify-content: flex-start;
       }
       ```
   
 * (default is `flex-right`)
 * Thank you in advance. Tom
 * P.S. I recently updated the theme and then this issue started happening
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-main-area-alignment-issues%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Ashesh Magar](https://wordpress.org/support/users/asheshmagar/)
 * (@asheshmagar)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/header-main-area-alignment-issues/#post-13658293)
 * Hi [@tkgregory](https://wordpress.org/support/users/tkgregory/),
 * Can you try changing the layout of the header? Please navigate to
    `Appearance
   > Customize > Header > Header Main Area` and find `STYLE` and select the middle
   one option.
 * After changing the layout please clear the cache of your site.
 * This article might be helpful for you:
    [https://docs.zakratheme.com/en/article/header-main-area-overview-1yydm54/](https://docs.zakratheme.com/en/article/header-main-area-overview-1yydm54/)
 * Kind Regards,
    Ashesh – ThemeGrill Support
 *  Thread Starter [tkgregory](https://wordpress.org/support/users/tkgregory/)
 * (@tkgregory)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/header-main-area-alignment-issues/#post-13663305)
 * Thanks [@asheshmagar](https://wordpress.org/support/users/asheshmagar/) that 
   makes things clearer. I was obviously fighting the CSS when there were already
   some options for this. Much appreciated.
 *  [Ashesh Magar](https://wordpress.org/support/users/asheshmagar/)
 * (@asheshmagar)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/header-main-area-alignment-issues/#post-13708546)
 * [@tkgregory](https://wordpress.org/support/users/tkgregory/),
 * You are welcome! Please do let us know for further queries later.
 * Kind Regards,
    ThemeGrill Support

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header main area alignment issues’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/zakra/4.2.1/screenshot.jpg)
 * Zakra
 * [Support Threads](https://wordpress.org/support/theme/zakra/)
 * [Active Topics](https://wordpress.org/support/theme/zakra/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/zakra/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/zakra/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)

 * 3 replies
 * 2 participants
 * Last reply from: [Ashesh Magar](https://wordpress.org/support/users/asheshmagar/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/header-main-area-alignment-issues/#post-13708546)
 * Status: resolved