pages - Website content shifted all the way to the left

admin管理员组

文章数量:1122846

I'm a solo WordPress web dev who's managing this website and noticed that the website content's header and body shift to the left. I'm not sure how this happened and any advice on how to fix this would help me a lot! Thx in advance

I'm a solo WordPress web dev who's managing this website and noticed that the website content's header and body shift to the left. I'm not sure how this happened and any advice on how to fix this would help me a lot! Thx in advance

• pages

Share Improve this question asked May 11, 2024 at 23:40 PookieBearPookieBear 311 bronze badge 1

• Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. – Community Bot Commented May 13, 2024 at 17:40

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 2

The Answer by @rudtek went in the right direction. But i see no reason you would need the Padding anyway? It seems like removing

@media (min-width: 922px) {
    .ast-container {
        max-width: 1240px;
    }

fixes the majority of your problem. After that you need to remove

@media (min-width: 922px) {
    .ast-container {
        max-width: 1240px;
    }
}

and the White Border on the left is gone. You complained about the Text not being centered since it shiftet to the left, but this seems to be only subjektiv. If you look at the DOM placement you see that relative to the total Viewport it is indeed now centered

You've set a max width but you didn't adjust margins:

@media (min-width: 922px) {
  .ast-container {
    max-width: 1240px;
  }
}

should be

@media (min-width: 922px) {
  .ast-container {
    max-width: 1240px;
    margin: auto 0;
  }
}

本文标签： pagesWebsite content shifted all the way to the left