Hello,

I have installed this template, but I have some problems with a menu in mobile versión.

I attach two screenshots:

1 - You can see the name "Menu" appears in front of logo.

2 - When I have one sub-menu, I have this menu:
- Competición
-- Calendario
-- Resultados y Clasificación
The two subitems doesn't show in a mobile menu ... The main intem "competición" is a link.

Please can you help me for solve that ?

Thanks a lot !

PS: Sorry for my english ...

Hello Jordi,

For your logo I will need a URL to help you, the logo's margins need some tweaking .

This behaviour you are describing (the menu) is the default one. In order to prevent overlapping (the menu being larger than the content itself) we show only the top level menu and the sub cateogories are visible only when their parent menu is active.

This is very easy to change. Just add this snippet to your custom.css
If you have any other mobile styles you can safely combine them.

Hello !

The submenus now is working ! Thanks.

For the logo you can see de page here: bit.ly/13FczVo

Thanks for you support.

You 're welcome

@media only screen and (max-width: 799px),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width : 799px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width : 799px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width : 799px) {
h1#logo { margin-top: 45px; }
}

PS. Combine them with the rules I gave you in my previous post and you can also change the 45 pixels to less if you want a 'tighter' look

Great ! Perfect !

Many thanks !