External Links Not working on Mobile Screen

[Nicholas Minnich]

Bill,

http://www.meltgrill.com

From a full computer browser, shrink down the window until you have the mobile site. Notice how all the links inside the body stop working. Please advise. Thanks!

[Nicholas Minnich]

Let me clarify that it’s only links in the body, not in the navigation.

[Bill Robbins]

It looks like the fixed sidebar is actually overlaying the content block when you’re using a small screen size. Here’s where the trouble is:

aside.sidebar {

position: fixed;
top: 160px;
left: 35px;
z-index: 1002;
width: 180px;
height: 800px;
}

If you’ll look down near the bottom of the style.css file you’ll see this:

@media only screen and (min-width: 200px) and (max-width: 479px) {

Try adding this to that section and see if that doesn’t take care of it:

	aside.sidebar {
		display: none;
	}

Let me know if you have any trouble,
Bill

[Nicholas Minnich]

You’re the man. Worked perfectly.

[Author]

Posts