How to get rid of extra white space on the mobile version?

Community resources General
1

Hello Everybody. Could anybody please help me to get rid of this extra white space on the mobile version?

https://preview.webflow.com/preview/pj-classes?utm_medium=preview_link&utm_source=designer&utm_content=pj-classes&preview=791f182a7f54d31a5fbf4b372429e542&workflow=preview

Thank you in advance!

2

Hey Chinmay! It seems your “image 2” element within your navigation symbol is the cause. See the screenshot below. Set both left and right margin on “image 2” to 0 and this should fix the issue.

Screen Shot 2021-06-02 at 9.41.17 AM
Screen Shot 2021-06-02 at 9.41.17 AM4036×800 163 KB

3

Hi Jaytel,

Thank you for your suggestion!
I made the margin 0 on both sides. but it did not work. Could you please check again?

Thank you!

4

Screen Shot 2021-06-06 at 10.28.17 AM
Screen Shot 2021-06-06 at 10.28.17 AM4048×1660 411 KB

It appears that now the issue is with your image wrappers, “div block 17” and “div block 18”. Reduce the width of these on mobile and it should fix the issue.

5

It worked!

Really! Thank you very much for your help!