Mobile Responsive Layout

Questions
1

Team,

Please assist I am having issues with the layout of mobile. If I fix one mobile layout - it is getting messed on other mobile screen size.

please assist

Let me know where I can post the project in order for your team to have a look

2

Hi,

Can you please describe issue you are having in a bit more details?
And as well, can you give me your website url

3

I use Responsive Website Testing Online Tool | Responsiveness Checker to simulate the screen size resolution.

I have tried the settings for

  1. 1920 px
  2. 991 px
  3. 767 px
  4. 480 px

Still there are issues with the responsive layout.

Please assist

4

I shared the link for my website on Chat with you

5

Hey,

I fixed it for you. In your navbar and in footer, you have used multiple times width property, for example: 480px. That means, if screen is less than 480px, that element on which you have put width 480px will cause horizontal scroll (broken view).

Please checkout this video for future work:

6

Thanks Pakic…it works like charm. I owe you.

I just noticed on my mobile screen when i scroll the page slowly it is jumping to other sections ?

Not sure what is causing this…can you please check

7

It works fine for me. I am not sure what jumping are you experiencing?
Just don’t use fixed width on any element. Fixed width is very rarely used when building a website, since it will cause many bugs that you are having. Use width 100%, and then with property max-width, you can limit it to like 480px for example.

8

@Pakic thanks for your help. I need one more help pls. I am not able to get the right logo size on mobile view…its way too small.

Please assist

9

Hi Pavik I also have issues with the responsive design , what I change in minor resolutions affect the major resolutions, would you kindly take a lokmat my website? I’ll send it to you on a private message please

10

Think of it in this way:

If you are using huge minus margins and don’t have a developer experience, and huge side margins such as margin-left: 500px, or margin-top: -500px.

You are doing something wrong. This whole website is a mess honestly, you created like 10 custom breakpoints with no reason, etc. So i can’t help much, there’s a lot of fixes that need to be done.

I suggest you watching crash course tutorials on our youtube in order to understand better how sites should be bulilt in Divhunt.

and theres much more

11

Ok buddy I appreciate your honesty, I think this platform is not suited for me I will go find soemthing more to my level. Thank you.

12

I wouldn’t give up yet, Daniel. Just think of breakpoints as “sizes where I might need to change my layout so it still looks good” NOT as “different screen sizes I need to develop for”. They might be points where you change from 3 columns to 2 for example. Watch that video and go back to their original suggested breakpoints. Then, imagine you’re not designing for those breakpoints, but rather for every size ‘between’ the one you’re looking at, and the one below it.

I’m happy to try to help with my limited knowledge if you need. Just message me

1 Like
13

Just put some time to platform. At the end you will be the winner. Just need to learn a bit and understand how things works.