Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Mobile navigation glitch

HI,

If you look at my site https://aurelianspodarec.github.io/hccoolmenusit/ ANd go on mobile version, and click the hamburger menu, there is a glitch, as you will see.

Can't figure out what to do.

Garrett Sanderson
Garrett Sanderson
12,735 Points

Can you post your code so I can try to recreate the bug and help you solve the issue?

It's here, and the branch is gh-pages the one that im updating. https://github.com/AurelianSpodarec/hccoolmenusit/tree/gh-pages

4 Answers

Hi,

On your .site-header class you have have float: left; take that off, it will not glitch then I think when you you click on hamburger its trying to float left but it cant because it 100% in width.

Perfect. I actually re-do the site, rather the nav didn't put it on gh-pages yet, but repository https://github.com/AurelianSpodarec/hcGoodHeadernSite

and this works just perfect lol, at the moment at least.

I did go in a lot of floats problem, but good that you wrote the answer to this one, at least i got more experience, thank you :D i feel im learning quite a lot now :D and getting somewhere :D

Don't worry, its a learning process we all go through. Keep on coding

Yeah, it is, but I need to be ready In 4 weeks : p

Hi

Unrelated to your question:

I saw you post your portfolio the other day. I remember looking through a couple pages there and seeing you use the background-attachment: fixed property. Particularly on your galaxies page. I am using the same thing myself on a project and I'm getting an issue where the FPS is quite low when I scroll up and down.

Did you have this issue when using fixed? If so how did you overcome it?

What is your image size?

The file sizes of the images are between 200-260k so not that big.

I've pinged you an email to the address on your portfolio - easier to talk there if you don't mind helping a brother out.