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

Jong Park
Jong Park
2,380 Points
Posted by Jong Park
Jong Park
2,380 Points

'Cart' button disappears in mobile size screen

Hello Tree House community, I really need your intelligence.

I have been trying to edit CSS code of my website to change its look to the way i want, but the 'cart' button on the top-right side of the screen disappears when the screen size is smaller (mobile size).

This is the address: http://p-m.kr/

Do you have anything to teach me where/what I should edit?

Thank you very much in advance!

J

1 Answer

Max Senden
Max Senden
23,177 Points
Max Senden
Max Senden
23,177 Points

Hi Jong,

The cart has the class of 'cart-name hide-for-small'. If I remove the class the cart (at least the word) will still be there even on smaller screens.

So look it up in the css and change the code so that the icon positioned where you want it to be (I assume either hidden away in the hamburger menu or visible on the right side of the screen).

Use chrome's web-developer tools (ctrl+shift) to target tiny elements like this if you're stuck. Most other browsers have similar tools.

Jong Park
Jong Park
2,380 Points
Jong Park
Jong Park
2,380 Points

Hi Max, Thank you for the clear answer! The class was only in the index file, not in the CSS, but I somehow found a way to mend it!