Struggling with some code. | Sololearn: Learn to code for FREE!

+2

Struggling with some code.

Hello. Can anyone help me out. I am struggling to get one of my mediaQueries to work. I have the file in github; https://github.com/ErikRobles/Psycology/commit/aad10e882149d929175d5a4b94a92a98d096d82f Any help or suggestions would be appreciated. Thank you.

11/7/2017 11:42:53 PM

Erik Robles

24 Answers

New Answer

+1

jajaja and Edge? :-p

+3

what is the problem?

+3

@Daniel Very true.

+2

I'd help but I am not a web developer unfortunately.

+2

@Daniel is king in this department.

+2

Jeje not M Squared but sometimes the solution is in front of us ;-) we need only research a bit

+2

You can check your CSS for .headerImage { and too the pixel for image file, maybe you can resize or cut it. I think its all the problem. Please, try to check all of them and send us an update with your final solution

+2

pudiste acomodar el CSS?

+2

Still struggling. Here is the updated code. Love it in Chrome and Opera but in the rest, I still have issues. I have updated the code and it is getting closer. https://drive.google.com/open?id=1I8zzXyKyMUd8LHNOfmZW2y5qkwq3CZK9 https://github.com/ErikRobles/Psycology Thanks again for all your help. Edit: Isolated problem to IE11 and Safari. Erik

+1

Are you test it in various mobiles? Could you try in differents? Iphone, Android, even in mobile simulator with differents resolutions and in differents browsers? Also, please, give me exactly file and line where you have the header. Do you have an image in the header? Maybe you must to do responsive adjust for image tag/css.

+1

Checking a bit your CSS code I think you have errors when you use .container with width: 100%; which is all width in any device but you use .slideshow-container { position: absolute; margin-top: 120px; height: 592.44px; width: 1171.2px; text-align: center; z-index: 3; } with absolutes positions and sizes and not relative like "father" container. Try to do changes with that and tell me your resolution,

+1

Maybe Im wrong but as I see, you are mixing relative with absolute,% with pixel and its wrong for responsive design.

+1

Gracias Daniel. Checo y te digo en la tarde. Saludos. Thanks Daniel. I'll check it out and let you know this afternoon. Cheers.

+1

No soy experto y seguramente alguien más pueda decirte directamente la falla pero por lo que pude ver/investigar tiene que ver con eso. Hice pruebas con Google Crome con ka consola de desarrollador F12.

+1

Gracias. Lo que no entiendo es porque mid media queries no estan funcionando. Thank you. what I don't get is why my media queries aren't working. (posting bilingual for those who don't speak Spanish but also to practice my Spanish jaja)

+1

I know Erick and of course not only we need to learn english, people can learn spanish too. I thought in reply in both too but finally I wrote only in spanish ;-)

+1

not yet. I struggle d for hours on it today and still no luck.

+1

Ok espero compartas el código final ;-)

+1

has probado en diferentes dispositivos y navegadores?

+1

I hate ie. Why does it always look like crap in ie? Every site it looks great except ie. Grrrrrr