Text Logo overlaps login link

[Donkky]

I have adjusted text size in the text logo section for it to fit on desktop. However, text logo is overlapping login link (on the right) on mobile. Assistance is greatly appreciated.

 

[Russ]

Text logo's are a little tricky when they're long. They need some manual adjusting. Try placing this inside extra.less to see if it helps:

@media (max-width: @xf-responsiveMedium)
{
    .xb-canvas .canvas-header .p-header-logo
    {
        margin-right: 0px;
    }
    .p-header-logo a
    {
        font-size: 16px;
    }
}
@media (max-width: @xf-responsiveNarrow)
{
    .p-nav-menuTrigger
    {
        width: 30px;
    }
    .p-header-logo a
    {
        font-size: 14px;
    }
}

We don't automatically do this because some text logos can be short and can have more room.