This topic has 6 replies, 3 voices, and was last updated 1 months ago ago by Rose Tyler
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%;
}
}
}
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
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?
Hello @Mohammed Alhammouri
Could you please, clearify us the issues by providing the screenshots or video of the problem?
Kind regards, Jack Richardson
Please find the video recording explaining the issue attached in the private area
Hello,
Private Content
Best regards,
8Theme’s Team
You must be logged in to reply to this topic.Log in/Sign up