So I have now made layouts for all three devices (desktop, tablet, phone) and used many different breakpoints on all to make sure they fit the appropriate device. Desktop and Mobile are working fine, however for some reason whenever I open up the link on a tablet (iPad specifically), it uses the mobile layout or switches to the desktop layout.
At one point I had it fixed when I rerouted the Business Catalyst website to export as a Business Catalyst redirect, but my navigation menu at the top prevented it from having the layout look correct. Plus, that doesn't work as once I fix all the bugs I need to export it via HTML to the proper domain.
Here is the current website:
Home (business catalyst)
Home (exported HTML)
I have looked at countless forms to see what is wrong. The box that says "Redirect from Desktop" is checked, I have done various breakpoints, nothing seems to be working.
I don't have an iPad to test, and I am asking a colleague to verify.
Meanwhile, I tried resizing the browser to test your site, and everything works just fine. My guess is that a third-party widget or HTML code, if you have used them, are probably causing this issue.
I have checked your site and found that your tablet layout is not getting redirected properly to tablet layout.
However, the Business catalyst URL works fine.
Therefore I suspect that the files which you are putting as HTML on your server are causing the problem.
I suggest you ask your host for deleting all the files from their server or Cpanel and re-upload a fresh clean site, which could help you get the issue fixed.
Hello all, I'm having the same problem. Desktop and Mobile layouts are working fine, but when I try to load my website on my iPad Pro, it comes up as the desktop version. Can anyone help me?
The url is levitaylormusic.com/test/index.html
Mine is doing the same thing, except it directs to mobile and that is just awful So frustrating.
Instead of being frustrated: As a first step to fix the issue, give us a link to your site, and describe exactly, when and where "it directs to mobile“.
I was able to fix it, my home page directed to the right format, the other pages did not.
I was able to fix the problem by adding scroll effects into the header? I'm not sure why that fixed it, but it did so I'm happy.
Thank you for your response.