@media (max-width: @xf-responsiveWide)
{
.p-nav .p-nav-opposite
{
display: block;
}
.p-header-content .p-nav-opposite
{
display: none;
}
}
@media (max-width: 1200px)
{
.p-nav .p-nav-opposite
{
display: block;
}
.p-header-content .p-nav-opposite
{
display: none;
}
}
This technically happens at a "medium breakpoint". You can add this to make it happen sooner:
Code:@media (max-width: @xf-responsiveWide) { .p-nav .p-nav-opposite { display: block; } .p-header-content .p-nav-opposite { display: none; } }
Or adjust the value manually:
Code:@media (max-width: 1200px) { .p-nav .p-nav-opposite { display: block; } .p-header-content .p-nav-opposite { display: none; } }