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

HTML Introduction to HTML and CSS (2016) 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