Hi there
I've started experimenting with the newest FlatAwesome+ style update and have come across a minor quirk with the sticky navigation bar. There is a box-shadow that is applied across the entire width of the browser even when
To reproduce, open the following link in a browser window wider than
Prior to upgrading from 2.1.5 to 2.1.10, the following CSS used to be applied in
I've started experimenting with the newest FlatAwesome+ style update and have come across a minor quirk with the sticky navigation bar. There is a box-shadow that is applied across the entire width of the browser even when
publicNavSticky
is set to the first or second choice (any choice excluding 'None'). A vanilla XenForo .less template is the cause of the box-shadow, however it just looks a bit strange in FlatAwesome+ as the publicNav
styling is applied to .p-nav
which does not necessary span the full browser width.To reproduce, open the following link in a browser window wider than
pageMaxWidth
and begin scrolling: https://pixelexit.com/demo/?theme=Flat Awesome PlusPrior to upgrading from 2.1.5 to 2.1.10, the following CSS used to be applied in
xb_header.less
:
CSS:
<xf:elseif is="property('xbStretchNav') == 'stretchnone'" />
.p-navSticky.is-sticky {
box-shadow: none;
}