Don't want the Hamburger Icon

I am creating a website that is compatible on all devices. When switched to tablet and mobile view, for the footer, I would like there not to be the hamburger icon. I want it to look like the desktop view. How would I go about changing it?

Hey @Marslover,

Can you provide some context via a couple screenshots so I can see what you’re talking about?

This is that I don’t want happening

This is what I want it to look like but smaller of course

Thanks for those screenshots!

Ok, so with the ‘desktop layout’, you want to look at your styling for the menu element.
If you haven’t given the menu a class, go ahead and do that. This gives you styling tools needed to move forward.

Ok, now you have CSS styling!

Now then, for the different viewports (desktop, iPad, iPhone landscape, etc…) what you want to do is match the CSS styling / behavior of the desktop view, and use it for those smaller views. You may have to fidget to get it right.

I hope this helps. I’ll keep watching your thread to see.

I have already made it a class. How would I go about making them have matching CSS?

Omg… I figured it out. That was way to easy. Thank you so much for your help. I feel really stupid now haha

1 Like

I’m glad you figured it out, @Marslover!
:tada:

Never feel stupid. We are ALL on some kind of learning curve with something in life.

3 Likes

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