Rapmania

Customer
Hi,

i bought the xenbase theme. I want to make a change in the header, but it's not happening. You didn't add it as a feature. How can I do this in PAGE_CONTAINER? Which codes do I need to change?

I want to take it next to the logo.

1661801923196.png
 

Russ

Pixel Exit Staff
I think you could achieve it using just CSS. Place this inside extra.less:

Code:
.p-header-content
{
    .p-header-logo
    {
        margin-right: @xf-elementSpacer;
        order: 1;
    }
    .xb-searchWrapper
    {
        order: 2;
        margin-right: auto;
    }
    .p-nav-opposite
    {
        order: 3;
    }
}
 

Russ

Pixel Exit Staff
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;
    }
}
 

Rapmania

Customer
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;
    }
}

nothing changed.

Print.

İt's true.

1661897202261.png


it's false X.

1661897373135.png
 
Last edited:

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.