I am a complete beginner and am trying to learn HTML at the same time as modifying an existing website to be mobile friendly
@media only screen and (max-width: 500px) {
body {
background-color: lightblue;
}
}
@media only screen and (min-width: 500px) {
body {
background-color: coral;
}
}
</style>
</head>
<body>
<div id="slSection">
<umbraco:Macro splashMedia="[#splashMedia]" Alias="SplashScreenSlideshow1" runat="server"></umbraco:Macro>
</div>
Above is a code fragmant I need help with, as a test I haveset the page to change background colour from lightblue to corel when viewed on a smaller screen and this works.
Further down the code calls a script called SplashScreenSlideshow1
My problem is I would like call a different script based on the size of the viewing screen. How do I define a script name based on the screen size?
Any help gratefully received
Thanks Andrew