Mobile (320 width screen) Help

Design help Layout & Design
1

Hello! I’m new to Webflow, but am having problems with the smallest width mobile screen. I was able to adjust everything in all the other mobile sizes.

  1. How do you decrease width of modules/paragraphs/videos?
  2. Why can’t I decrease the icon size? I click on the change icon and it says the width is 26 by 26 - just like the other icons.
  3. Also why does the nav bar have to look so wierd in desktop in order to look normal in mobile? I am using an image for our logo.!
    Screen Shot 2020-09-04 at 9.50.55 AM|576x500
    Screen Shot 2020-09-04 at 9.50.45 AM
    Screen Shot 2020-09-04 at 9.50.45 AM940×1412 133 KB
    Screen Shot 2020-09-04 at 9.50.34 AM
    Screen Shot 2020-09-04 at 9.50.34 AM892×1440 142 KB

Thanks in advance for your help!

Here is my site Read-Only: LINK
https://preview.webflow.com/preview/mtcopeland-886ce6c566450917dffbb118923b?utm_medium=preview_link&utm_source=designer&utm_content=mtcopeland-886ce6c566450917dffbb118923b&preview=c72d66a027604f54cac9d9f3596ec3fa&pageId=5f5126ddd06cb0a5e03141da&itemId=5f5126ddd06cb01f3c31422f&mode=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

I’m not able to access your read-only link—can you confirm it’s the correct address?

3

Hi Mike

Thanks for looking!
https://preview.webflow.com/preview/mtcopeland-886ce6c566450917dffbb118923b?utm_medium=preview_link&utm_source=designer&utm_content=mtcopeland-886ce6c566450917dffbb118923b&preview=7f0aaafdcdbbf03a18793856c909861f&mode=preview

4

I recorded a quick video of some of the things you can adjust to get the elements working as expected on your smaller breakpoints:

Let me know if there was something I didn’t cover or you run into any other issues :v: