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.
 

jonlar

Registered
Thanks, i added the BG Images to "LogoBlock CSS" now.
With some background-size: changing, i get it fully covered
 
Last edited:

jonlar

Registered
Just one more Question ;) Is it possible to make the Floating Navigation for the Sub-Navigation, when it disappear, kinda smoother?
 

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.