I need help on how to make my website responsive.

Design help General
1

I need help on how to make my website responsive.

Basically I created a website that was based on a template that I purchased. Whenever I try to demo the original design of the template by resizing the desktop window it works fine and responsive no matter what resizing I do. As I’ve already started my website I went on copying the sections and elements of different pages into making a new one that would fit on the content necessary for my website. I noticed then that after I’ve copied those stuff it become unresponsive. I’ve already tried to adjust the pages in every breakpoint but it is still unresponsive when resizing it in device preview. Also, after publishing the website so that I can check it on the actual devices the results are different from the preview as there are some elements that are messed up when viewing it on the links.

Here is the read-only link: Webflow - Shiftable.ca

Here are the published links for the website

  1. Home page (I’ve used the Home V3 page in the template): Home Page

  2. Dental Professional ( I used the Home V1 page): Dental Professional

  3. Dental Clinic (same as above I used Home V1 page): Dental Clinic

Link of the template I’ve used: https://startuxtemplate.webflow.io

Please help me on what I need to fix even if it would require major changes. Any feedback would be appreciated.

2

I have checked your homepage and the navbar is the problem.
There is a strange margin on your class “Header Wrapper Copy v3” in Webflow.
Set the left and the right margin of that element on all your breakpoints to 0 and it should work.
I have made a screencast but I don’t know how to upload it here. If you want I can send it to you via Mail.

3

Hi thank you for the reply. Yes that would be great can I send my email via message?