Avtar Bhumrah

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Forum: Fixing WordPress
    In reply to: Will someone fix this CSS?
    Avtar Bhumrah

    (@avtarbhumrah)

    2 days, 3 hours ago

    Hi,

    I took a closer look at the stylesheet you referenced.

    I can see that it uses several modern CSS features, including :has(), @supports, env(), backdrop-filter, and the prefers-reduced-motion media query.

    However, looking at the stylesheet alone, I don’t see a specific CSS rule that I can confidently identify as incorrect. If the W3C validator is reporting an issue, could you share the exact validation error/warning and the affected line?

    That would make it possible to determine whether there is an actual issue with the WordPress CSS or whether the validator is flagging a feature it does not fully support yet. From there, a Core Trac or Gutenberg issue could be opened with a specific proposed fix if necessary.

    Forum: Fixing WordPress
    In reply to: Website is not showing correctly on a mobile
    Avtar Bhumrah

    (@avtarbhumrah)

    2 days, 4 hours ago

    Hi,

    I had a look at the site and found the issue.

    The mobile layout is being affected by this custom CSS:

    img.custom-logo {
    max-width: 750px;
    max-height: 403px !important;
}

    This is overriding the theme’s responsive max-width: 100% rule, which is causing the content to overflow on smaller screens.

    I tested it by disabling this rule in DevTools, and the mobile layout immediately started displaying correctly.

    I would recommend removing this custom rule if it’s no longer needed. Otherwise, you can make it responsive for mobile:

    @media (max-width: 767px) {
    img.custom-logo {
        max-width: 100%;
        max-height: none !important;
        height: auto;
    }
}

    This should resolve the mobile layout issue.

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