Header Full Width

[jonlar]

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]

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]

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

 

[jonlar]

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

 

[Russ]

By default it uses a transition set at 200ms.

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

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

Let me know if that works.