CODEWITHSUNDEEP
cssresponsive-design
Candice Moses
Candice Moses

Reputation: 13

CSS not Working on iphone 4

I am creating a responsive site sandbox.mercomcorp.com I am currently working on the iphone 4 in landscape. I am trying to get the telephone numbers at the top to come down where the social icons are here is my css. I am not understanding why when I put top into the css its not working can someone help me? Below is my css for that block

#block-66
{
    font-weight:bold;
  /*  background:blue;*/
    position:absolute!important;
    left:-215px!important;
    top:245px!important;

}

Upvotes: 0

Views: 117

Answers (2)

Thomas BERTET
Thomas BERTET

Reputation: 76

As I can see, your rule is the third in the list, and the 'top' position if overridden by two other rules, in two different media-queries.

(I wanted to post a screenshot of the console, but I can't)

In your case, you have to define your rules after the main rules that is applied.

The

media="all"
@media screen and (max-width: 480px) and (min-width: 320px)
#block-66 {...}

rule is somewhere in the code, and taking precedence over your rule. Try to find it and append your rule after this one.

Also, you should avoid using !important, when possible, and make use of a correct ordering instead.

Hope this helps,

Upvotes: 1

GifCo
GifCo

Reputation: 1363

Please see screen shot of media query and rule I am altering to move the phone numbers.

enter image description here

Upvotes: 0

Related Questions