Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 28, 2014 at 2:34 pm #244368
    corepart

    Hi guys,
    never worked with @media screen before so here goes.

    @media screen and (max-width: 690px) {    
    .logo_addition img { 
visibility: hidden;
display: none;
}
}

    I have added this code to my Quick CSS on enfold.
    now when the screen gets to the 690px point it doesnt add to my .logo_addition code.
    if i manually add it via source it works perfectly.

    now my question does enfold overwrite this?
    Regards

    March 28, 2014 at 3:46 pm #244410
    Yigit

    Hey corepart!

    Please try adding following code to Quick CSS

    @media only screen and (max-width: 690px) {    
    .logo_addition img { 
visibility: hidden!important;
display: none!important;
}
}

    Regards,
    Yigit

    March 28, 2014 at 3:50 pm #244416
    corepart

    Hi Yigit,
    Tried that still not applying to the css code.
    This is my issue.

    as you can see I am wanting it to get a specific size being 690px then remove
    that image with the phone number on it.
    Regards

    March 28, 2014 at 3:51 pm #244418
    Yigit

    Hey!

    Please remove the dot in class=”.logo_addition”

    Cheers!
    Yigit

    March 28, 2014 at 4:10 pm #244439
    corepart

    Yigit,
    Thank you very much that solved the problem.
    /me bows before the master

    March 28, 2014 at 4:13 pm #244440
    Yigit

    Hi!

    You are welcome, glad we could help! :) Have a great weekend!

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header + @media screen’ is closed to new replies.