So im not sure what i did wrong with my menu but it used to expand to the mobile browser now I changed it and its so tiny... I think it looks great on desktops... but then I tested it on my phone and it displeases me, any tweaks out there?
I will do slave work for your help...
PS im dumb coder
Maybe I'm dumb, because of my lack in caring for HTML. I recall there is supposed to be a "" tag, it auto formats the page to mobile if need be.
To do this you would use media queries.
But in short, target your mobile width, and apply your styles.
@media only screen and (min-device-width: width) {
... styles here
}Media queries are a good simple fix, and Bootstrap is even better, but is a little harder to learn compared to media queries.
Check this site out: getbootstrap.com.
It's been a while, but if I remember correctly it's sort of like pre-made media queries and other features that are assigned to pre-made classes that automatically adjust your site based on the size of the device. So you use the pre-made classes in your HTML, along with your normal classes, so you don't have to mess with your CSS as much.
I don't believe bootstrap is necessarly better. The answer to the problem should not be a framework solution.
Thanks I will look into it,
I would personally use http://foundation.zurb.com/. If I had to choose from a framework, or http://purecss.io/