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

Posted by Konrad Pilch
Konrad Pilch
2,435 Points

SOme unusual bugs

Hi,

This is my site im developing and i have some unusual bugs.

  1. The copyrgiht, doesnt break on mobile device, why?
  2. WHy is thre a white space on navbar on mobile? i mean, you can scroll to the right .

What can i do ? First time see nd i cant even target it.

2 Answers

Samuel Webb
Samuel Webb
25,370 Points

  1. When I minimized my screen, the footer text was 14px. I looked at your media queries and there isn't even any code in them. I'd suggest making that p in your footer around 10px-12px on the smaller sizes.

  2. The problem with that space on the side probably has to do with you're footer having a specific width instead of just 100%. I changed html, body, and footer to have a width of 100% and it got rid of that space on the right. Again, that would be something you could put in one of your media queries.

Samuel Webb
Samuel Webb
25,370 Points

I took another look and your footer is too long no matter what size the screen is. You can do all that 100% stuff in the regular CSS and not put it in the media queries. That should fix it.

Konrad Pilch
Konrad Pilch
2,435 Points

Thank you for your reply.

I did what you told me but it still doesnt wokr, and the footer now well, doesnt wokr like ti should but also the copyright doesnt break too. I mean, while i did other sites, this never happend : p

Samuel Webb
Samuel Webb
25,370 Points

Oh also remove this from the footer:

margin-right: -15px;
margin-left: -15px;
Konrad Pilch
Konrad Pilch
2,435 Points

I saw the margins, although their in row, i though theres other way to overcome this but well, thank you :D

What do you think abut the copyright? i mean shoutn this break automatic if theres not space? not just go on each other?

Samuel Webb
Samuel Webb
25,370 Points

Looks like you're trying to use Bootstrap's grid system with that whole row thing so here's the grid section of the Bootstrap Documentation, so you can read a little more about it. It would be a little too in-depth for me to get into with you.

Konrad Pilch
Konrad Pilch
2,435 Points

Thank you for all your help, i reallyappriciate it.

DO you think its better to make my own grid system ?

Samuel Webb
Samuel Webb
25,370 Points

Depends on the situation. That's something I'd say is up to you to decide.

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

One more thing : p on mobile , when igo to nav bar, evenif i put the background, the footer goes throw, even with z-index 9999 the navbar is still somehow behind, do you know how could i solve it ?

And thank you for all this help, i learned new things .

Samuel Webb
Samuel Webb
25,370 Points

I'm guessing you fixed this since your mobile nav window seems to cover the footer when I checked it out on the contact page.

Konrad Pilch
Konrad Pilch
2,435 Points

I believe its fixed xd ,i havent finished making the mobile nav ,as its like the most boring part in the entire proccess nd id live it to later , but it seem ok tbh, just some changes .

Thank you for all your help, i really appriciate it and i learned new things thath comes handy now :D