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

This topic has 6 replies, 3 voices, and was last updated 1 months ago ago by Rose Tyler

  • 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%;
    }
    }
    }

    Please, contact administrator
    for this information.
    5 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?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 23, 2024 at 07:41

    Hello @Mohammed Alhammouri
    Could you please, clearify us the issues by providing the screenshots or video of the problem?
    Kind regards, Jack Richardson

    Avatar: Mohammed Alhammouri
    Mohammed Alhammouri
    Participant
    October 23, 2024 at 11:52

    Please find the video recording explaining the issue attached in the private area

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 24, 2024 at 07:39

    Hello,

    Private Content

    Best regards,
    8Theme’s Team

    Please contact administrator
    for this information.
  • Viewing 6 results - 1 through 6 (of 6 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.