FULL SITE LINK OPTION FOR MOBILE USERS
Hi,
I created a site with the responsive design to automatically adapt to mobile devices using the @media screen and (max-width: 480px) {} element.
The problem with responsive web design is the link to the Full Site for mobile users. To try to solve it with Jquery, I created a trigger button (id="fullsitetrigger"). The button will will reload the site, toggle or hide the @media screen and (max-width: 480px) {} element in my CSS file and save a sort of cookie so users are not redirected to the mobile site until they click the fullsitetrigger button again.
I tried something like this for the toggle but I need some help.
Thanks,
Oliver B.
I created a site with the responsive design to automatically adapt to mobile devices using the @media screen and (max-width: 480px) {} element.
The problem with responsive web design is the link to the Full Site for mobile users. To try to solve it with Jquery, I created a trigger button (id="fullsitetrigger"). The button will will reload the site, toggle or hide the @media screen and (max-width: 480px) {} element in my CSS file and save a sort of cookie so users are not redirected to the mobile site until they click the fullsitetrigger button again.
I tried something like this for the toggle but I need some help.
- <script type="text/javascript">
(function ($) {
$("a.navTrigger").click(function (event) {
event.preventDefault();
$("@media screen and (max-width: 480px)").toggle();
});
})(jQuery);
</script>
Thanks,
Oliver B.