I have the 1920px stylesheet complete at a page width of 1560px. I'm trying to style the next width for 1366px screens using
@media queries but when I change anything it changes globally.
I'm a novice at CSS and HTML and really need some help linking to separate stylesheets (1920px, 1366, 768, 360) that I can edit without either one affecting the other. I've tried to this code unsuccessfully:
I'd really like to be able to implement this code within an @media query:
-moz-transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9);
I've spent hours upon hours trying but I haven't been able figure it out. I have the site uploaded to Dropbox. If anyone can help I'd be truly grateful.
I also can't figure out how to keep the top right and main menu aligned to the search box when resizing the browser window horizontally so if anyone has the time then please help, I'm starting to lose it :)