XF 1.x Header Full Width

jonlar

Registered
Hi. I bought the Core Style and would like to ask how to make the Header (above Navigation) full width but keep the Rest (below Navigation) as it is? Thanks
 

Russ

Pixel Exit Staff
Hey @jonlar

So head to: Style Properties -> [XB] Header and Navigation.

For core we leave navigation helper enabled by default which gives the nav tabs that 100% width appearance. You'll want to disable that.

Next on the left side of that same page, head to LogoBlock CSS

You can set a background color here which will span 100% of the way.
 

Russ

Pixel Exit Staff
By default it uses a transition set at 200ms.

You can increase it a little using code placed inside your extra.css:

Code:
.XenBase .navTabs .navTab.selected .tabLinks {
    transition: 400ms linear all;
}

Let me know if that works.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.