CSS shows well in Firefox and Edge, but not in Chrome

  • my sinapsi.org shows quite well on Firefox and Internet Explorer/Edge, but…

    In Chrome has no left margin! I tried adding padding-left: no way.

    So please anybody could help me in showing well in Chrome too?

    This is the lines in Jetpack CSS customize I added:

    .entry-header .entry-title a {
color: red;
}

h1 {
color: red;
}

.site {
margin: 0 auto;
max-width: 960px;
max-width: 80.571428571rem;
overflow: hidden;
/* original max-width: 68.571428571rem; */
}

.site-content {
float: left;
width: 66.104166667%;
/* original width: 65.104166667%; */
}

.widget-area {
float: right;
width: 30.041666667%;
/* original width: 26.041666667%; */

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi
    Can you printscreen where exactly you dont have left margin
    As in my chrome i can see site properly aligned and margined.

    Thread Starter passegua

    (@passegua)

    Thanks cinghaman,
    please have a look here.

    Notice that the left margin disappear when the chrome is zoomed more than 90%. When the zoom is 70% then it looks ok.

    That is more to do with how your media query is managed

    This is how i see at 90% link
    What laptop/computer screen size are you on?
    Robin

    Thread Starter passegua

    (@passegua)

    I’m using a 1920 x 1080 HP envy 17 inches
    so I don’t understand why I see it well in Firefox and MS Edge and not in Chrome.
    I do no know what are “media query”?
    What should I change in my Chrome?
    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS shows well in Firefox and Edge, but not in Chrome’ is closed to new replies.