Issues with Website Responsiveness and Custom Code on Mobile Devices

Hi Wix Studio Community,

I’m facing an issue with my capcut website not displaying correctly on mobile devices, even though it looks fine on desktops. Here are the details:

  1. I’ve added custom CSS and JavaScript to enhance certain elements, but some sections, like the header and buttons, become misaligned or overlap on smaller screens.
  2. Despite using the responsive editor and making adjustments, the changes don’t always reflect on mobile devices as expected.
  3. My custom code includes a sticky menu and a few animations, which seem to break responsiveness when scrolling on mobile.

Here’s what I’ve tried so far:

  • Checked the custom code for errors and ensured it’s wrapped in media queries for mobile responsiveness.
  • Used Wix’s mobile editor to make adjustments, but the preview doesn’t match the live site on my phone.
  • Cleared the cache and tested on different devices and browsers, but the issue persists.

Is there a best practice for integrating custom code in Wix Studio while ensuring responsiveness? Furthermore, if you are into capcut video editing and don’t know how to Change the Aspect Ratio in CapCut then click this given link https://capprocutapk.com/. Any advice on debugging or tools to test and optimize my site for mobile would be greatly appreciated! Thank you so much

Thanks in advance!

Is your custom code added in site’s header or global.css(in wix studio)?