Agency Pro – Center the Header Right Widget

[Andras]

Hi,

I would like to have the Header Right Widget in the center of the header.

So that the logo is in the middle of the header, phone number to the left, email to the right.

I included this code in add CSS:

.site-title{
display: none;
}

I am afraid, a more sophisticated approach might be needed here 🙂

I appreciate your help.

http://interponyva.wstart.hu

[Victor Font]

Your going to run into issues placing it in the center. It's going to push down over your menu so it's no longer visible. It's all fixable though.

First, to center header right area, change the .site-header .widget-area class at line 1061 in style.css to remove the float: right; and add margin: 0 auto;

.site-header .widget-area {
    text-align: center;
    width: 800px;
    margin: 0 auto;
}

Next, to see the menu again, increase the top padding to 109px for the .site-container class at line 547 in style.css:

.header-full-width .site-container, .site-container {
    padding-top: 109px;
}

You also have an error in your widget code. There is no clearfix class in the theme's style sheet. Change clearfix to first.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Andras]

Thank you! Perfect. It looks just as I hoped.

[Author]

Posts