Struggling with some code.

Question

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.

Answer 1

jajaja and Edge? :-p

Answer 2

what is the problem?

Answer 3

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

Answer 4

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

Answer 5

pudiste acomodar el CSS?

Answer 6

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

Answer 7

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.

Answer 8

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,

Answer 9

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

Answer 10

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

Answer 11

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.

Answer 12

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)

Answer 13

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 ;-)

Answer 14

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

Answer 15

Ok espero compartas el código final ;-)

Answer 16

has probado en diferentes dispositivos y navegadores?

Answer 17

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

Answer 18

Update. Just about there. I used the following code:
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
// IE10+ CSS here
}
And targeted my header items. I'll post the new code in GitHub tomorrow. Cheers.

Answer 19

Hello Daniel Fernández. The problem is I am trying my hand at responsive design, mobile first and just about everything seems to be working fine but the header is too big on mobile. The media query doesn't seem to be taking affect. I have my code in GitHub (first time using it) so if anyone can look at the code and let me know what the heck I did wrong, I certainly would appreciate it.

Answer 20

Ahí nos cuentas ;-)