Ayuda Con Css En Top Menu

[Mimotxo]

Hola a todos, enormemente agradecido de pertenecer a esta comunidad.

 

Me encuentro con el problema que modifique parte del css para darle un aspecto mas atractivo a mi web,

 

https://losespinares.net

 

Ahora en las veriones moviles,  se me ha creado un espacio desorbitado en la parte derecha, creo que por esto,

 

y sobre todo que el menu que muestra en versiones moviles, no funciona,

 

Os agradeceria toda ayuda posible, para detectar donde cometo el fallo

 

De antemano un placer.

 

 

[tuk66]

Creo que el tema tiene más problemas para pantallas estrechas.

 

I think your theme has more problems for narrower screens.

[Mimotxo]

thanks for your report,

 

but this theme was bougth in prestashop official and said RESPONSIVE !!,

 

it was  disappointment...  

[tuk66]

It is responsive, but not fully and with bugs.

[Leo Gómez]

Acabo de entrar en tu página y el error que comentas tiene una probabilidad de un 99% que sea derivado de tu personalización CSS del menú. Si nos expusieras qué cambios has hecho en el CSS sería más sencillo buscar una solución. Cuando utilizamos plantillas responsive tenemos que tener mucho cuidado con utilizar propiedades CSS tales como float, width y height absolutos, position, etc.

 

Además, el espacio que tienes en la parte derecha que provoca un scroll gigante, según veo desde el Firebug, lo provoca una imagen que procede del CMS: https://losespinares.net/img/cms/Sin-título-1_1.png. Debes tener en cuenta que en el diseño responsive hay que utilizar siempre anchos líquidos, es decir, porcentajes, porque si no ese elemento siempre será así de grande y nunca se adaptará al navegador.

 

Un saludo.

[Mimotxo]

Gracias Leo, si estoy te confirmo que nos desechamos del 1 %, la he cagado yo modificando el css, te los he subido los dos a pastebin, el original y la catastrofe que hize. Por si al menos puedes echarle un ojo y orientarme de como solucionarlo.

 

Gracias de antemano.

 

Original:   http://pastebin.com/ik2RmTQG

Modificado.:   http://pastebin.com/4mkrcTzF

 

El archivo sobre el cual modifique fué, theme/best-travel/css/modules/blocktopmenu/css/superfish-modified.css

 

Mil gracias de antemano, ya he conseguido solucionar "algo", desde tu contestación disculpa que no la viera, pero no he avanzado mas de lo que ves

[Mimotxo]

He mejorado algo, pero aun así, es imposible verlo en smarthphones, ¿alquien puede darme algo de luz, en que parte del code la lio?

 

Gracias de antemano