I am redesigning the theme for my website; I want to make it responsive (adaptable to multiple devices). The problems occurs when I re-size my screen to about 750px and the tablet stylesheet implements. All of my other links work outside of the custom one on my home page.
this is the code:
<a class="link" title="Objective" href="http://localhost/Demo/objective/">More Info</a>
It works with the primary stylesheet just fine. I tried using:
a class="link" href="<?php bloginfo('url'); ?>/objective" title="objective">More Info</a>`''
when I applied the content directly in the php page template and it still does not work. the link to that stylesheet is this:
<br /> <!-- tablet --><br /> <link href="<?php bloginfo("template_url"); ?>/tab_style.css" rel="stylesheet" type="text/css" media="only screen and (min-width:450px) and (max-width:749px)"><br /> Anyone knows what can be causing this problem?