Resizing for Responsive Site

Hi,
I’m having trouble the elements within my header image responsive. As everything resizes for mobile portrait and landscape, I would like for my buttons to get smaller and remove the large image with my name in it. That should only be there for tablet and desktop view. Here’s a link to my read only site.

https://preview.webflow.com/preview/blog-1-324f36?preview=2931a64aaca3436d85c5da8ad545f4e9

Thanks,
Ashley

Okay, I’ll do a video and show a really good way for ya. It’ll have to be tomorrow morning though. Gotta go cook :smile:

Hey! Any word on the video?
Thanks again!

Hi,
I just got to my computer. Are you at your computer and able to watch a video now? I have time to do it now.

Hi Gary,
Yes I am. Thank you.

Okay, I’m looking at your site and a video won’t solve the issues displayed. Here are the initial problems:

  1. We need to remove the header image & text out of that “Navbar” layer. You shouldn’t have that inside the navbar.

  2. Inside that hero section there are numerous unnecessary divs. We need to remove all those and keep only two.

  3. Your Nav & Header should all be separated and styled independently.

  4. On the native navbar component, we need to remove that container layer. I know it comes standard in the navbar when you drag it in, but it’s not necessary when the site is using responsive full width. Containers are locked at max 960 pixels, if your using full width it won’t stretch. Just delete it.

  5. Adding a new Navbar, you will only need to move the buttons on the right side with Typography right alignment. Don’t use display padding, margin or positioning settings for this, it will throw the hamburger menu off the page. That’s why you’re seeing it.

Honestly, I would start over and set up these layers correctly. It’s sort of an involved process. If you really need help I can do it for you. (I don’t mind) I would need your login details and I’ll fix it. It’s up to you.

Hi Gary,
Thank you for your thoughtful input. I dont mind getting you my login credentials. How should I get them to you?

Thank you,
Ashley

Sure, send a message to my profile it will be private and I’ll take care of it for ya.

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.