Menu titles in two lines

roquelage

Hi,

What i want to achieve is a menu title named like:

Ingles para
niños

I tried by adding a BR, but that breaks the design because the break is so big

I tried also with span style negative top margin for the secondline, and that works well, but when you see the mobile versión, each menu item appears in two lines

Any ideas? Thanks!

Air

Hi there.

It is rather hard modification, cause as you mentioned you will have to fight it later in responsive layout.
You have to overwrite styles, that you have added, in breakpoint below 680px. So it would look like this(custom CSS you can add):

@media only screen and (max-width: 680px) {
    .your_span_style{
        margin: auto; display: inline;
    }
}

Hope that helps.

With regards.

roquelage

Hi again AIR,

Well its a bit complicated but i think it will make the trick!

Thanks for your help!

Air

If you made negative margin tricks, then this is children play ;-)

With regards.

roquelage

Thanks!!