How to match width of custom header div

[stewartrandall]

Hi guys, I’d like to add some custom code in a div above the header. I’m using Pro and have added my code to masterhead.php. However, could you please advise me how I can match the div’s width to the master header which flexes with the window width. Hope that make sense. Here is link to test site http://prints-test.folioalbums.com

Thanks

[nabeel]

Hi again,

Thanks for writing in! Please find the following code in your Child Theme’s style.css file:

.header-top {
	display: inline-block;
	width: 100% !important;
	margin: 0 auto !important;
}

And Replace it with:

.header-top.x-bar-content {
    width: 85% !important;
    display: block;
    max-width: 1200px;
    margin: 0 auto !important;
}

Hope this helps!

[stewartrandall]

Perfect. Thanks!

[friech]

You’re more than welcome, glad we could help.

Cheers!