Media queries are ruining the design and we are unable to know the source for them or change it

This topic has 3 replies, 2 voices, and was last updated 18 seconds ago ago by Mohammed Alhammouri

  • Avatar: Mohammed Alhammouri
    Mohammed Alhammouri
    Participant
    October 22, 2024 at 12:58

    We are having issues, with media queries, some changes are not taken, whatever we change the settings, can you help us?
    @media only screen and (max-width: 1200px) {
    @media (min-width: 600px) {
    .elementor-97171 .elementor-element.elementor-element-7b26c8b5 {
    width: 25%;
    }
    }
    }

    Content is visible for topic creator and
    support staff only.
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 22, 2024 at 13:15

    Hello,

    Thank you for reaching out to us.

    We understand that you are experiencing issues with media queries, where certain changes are not being applied despite adjusting the settings. We would be happy to assist you in resolving this matter.

    Upon reviewing the code snippet you provided, it appears that there may be a conflict or misconfiguration in the media queries. Specifically, the @media only screen and (max-width: 1200px) rule is being applied, but within it, there is another media query for (min-width: 600px). This could potentially cause issues with how the styles are being interpreted, depending on the screen size.

    To better assist you, could you please provide more details about the specific issue you’re encountering, such as the expected behavior and the devices or screen sizes where the problem occurs? On what page the code is applied? This will help us provide a more accurate solution.

    We look forward to your response and are here to help.

    Best regards,
    8Theme’s Team

    Avatar: Mohammed Alhammouri
    Mohammed Alhammouri
    Participant
    October 22, 2024 at 13:24

    You can check it in the following page:
    https://staging.olympiadsports.com/shop

    But we are encountering the same issue in the header and footers, we are doing workarounds for it, but can’t find the real cause for the problem.

    Can you please assist us?

  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.