Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Introduction to HTML and CSS Make It Beautiful With CSS Select and Style by Class

On the Header the name "Jane Smith" disappears when i shrink the browser window to tablet or smartphone size. Why?

On the Header the name "Jane Smith" disappears when i shrink the browser window to tablet or smartphone size. Why is that? Can we make it visible, when decreasing browser window size, like other list elements Home, Experience, Photos, Contact?

2 Answers

Jaspal Singh
Jaspal Singh
13,525 Points

Hi Goshgar

can you pls send me your HTML and CSS code so that i can check where is the problem.

Thanks

Hi Jaspal, The files are the same as in Download option. I cannot attach them here. Thanks for help.

Jaspal Singh
Jaspal Singh
13,525 Points

Hi Goshgar yes you can do that by following steps.

  1. nav. name has declared with the property of display:none, remove it.
  2. it is declared in the media query with property of display: block so that it can see on large devices. cut it(nav. name) from there and paste it in anywhere in global layout so that it can be seen on any device.

Thanks Jaspal, it worked. But now when you make the browser window small down to the smartphone size the "Jane Smith" and the "Contacts" disappears from the screen. How can i make them visible? Thanks