Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Why do my links get bigger when I got to landscape?

Posted on 2014-01-16
3
Medium Priority
?
173 Views
Last Modified: 2014-01-16
I want to keep the size of my links consistent when my mobile user goes from portrait to landscape. I think I've got the settings correct, but I still see the links increase by one or two font sizes and I don't know why.

Here's the page: http://www.brucegust.com/NHBC/mobile/about.php

And here's my relevant stylesheet code:

@media screen and (max-width: 480px) {
a.submenu {
color:#1b1b1b;
font-size: 10px;
font-weight:bold;
text-decoration:none;
}

a.submenu:hover {
color:#000000;
font-size: 10px;
font-weight:bold;
text-decoration:underline;
}
a.submenu:visited {
color:#1b1b1b;
font-size: 10px;
font-weight:bold;
text-decoration:none;
}
}

@media screen and (max-width: 320px) {
a.submenu {
color:#1b1b1b;
font-size: 10px;
font-weight:bold;
text-decoration:none;
}

a.submenu:hover {
color:#000000;
font-size: 10px;
font-weight:bold;
text-decoration:underline;
}
a.submenu:visited {
color:#1b1b1b;
font-size: 10px;
font-weight:bold;
text-decoration:none;
}
}

What am I doing wrong or what I can I do differently?
0
Comment
Question by:brucegust
  • 2
3 Comments
 

Author Comment

by:brucegust
ID: 39785550
BTW: The links that I'm referring to are the "About | Missions Statement | Beliefs | Church Staff" stuff you see at the top of the page.
0
 
LVL 58

Expert Comment

by:Gary
ID: 39785572
Not seeing any change, except at the 1024px mark.
If a style is consistent throughout your resolutions then just set them before your queries - you don't repeat them for each screen size.
0
 
LVL 58

Accepted Solution

by:
Gary earned 2000 total points
ID: 39786030
And any screen bigger than 1024px will have no styling since you only have css up to max-width 1024px.
As I said above, set all your default styling first then use media queries to change any little bits that need changing at certain resolutions.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

972 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question