1 Correct answer
Hello Andy,
here I quote from different contributions of the forum:
Spry was developed in 2006 long before touch screen devices. Spry has been dead since 2012. There's no point in trying to re-write the code to work in iPhones and iPads. Simply replace your Spry widgets with something better.
"Spry has been deprecated and is no longer officially supported by Adobe", “Adobe abandoned Spry late last year after CS6 came out. Future products will probably not contain any Spry so learning to use jQue
...
17
Replies
Spry is a decade old script. It's not modern or touch screen friendly. That's why it was dropped from further development and removed from DW CC. There's lot's of things you can and should use instead of Spry.
If you want accordions, look at jQuery UI widgets.
If you're building a responsive web site, look at the built-in Bootstrap navbars.
Adding and removing buttons in the Navbar Dreamweaver
Go to File > New > Starter Templates. See screenshot. Pick one of the Bootstrap Layouts and hit Create button.
<I am not good with CSS or HTML that is why I bought DeamWeaver.?
Dreamweaver is for pro level users . If you're not prepared to learn HTML, CSS and to some extent JavaScript code, DW is not the right tool for you. Look at Adobe Muse instead.
If you use DW with Bootstrap layouts, the mobile friendly menu system works very well. See screenshot.
=========================
Copy & paste this code into a new, blank document (code view). Save & Preview in browsers.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Unique Page Title</title>
<!--for mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--for older IE browsers-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--Bootstrap Spacelab Theme-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.6/spacelab/bootstrap.min.css">
<style>
/**TOP MENU OFFSET**/
body {padding-top:51px}
.center-block {float:none}
</style>
</head>
<body>
<!--begin top nav bar-->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header"> <a class="navbar-brand" href="#">BRAND NAME or LOGO </a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">MENU 1</a></li>
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">submenu 1-1</a></li>
<li><a href="#">submenu 1-2</a></li>
<li><a href="#">submenu 1-3</a></li>
</ul>
</li>
<li><a href="#">MENU 3</a></li>
<li><a href="#">MENU 4</a> </li>
<li><a href="#">MENU 5</a> </li>
<li><a href="#">MENU 6</a></li>
</ul>
</div>
</div>
<!--end top nav-->
</nav>
<div class="container">
<div class="row">
<div class="col-sm-8 center-block jumbotron text-center">
<h1>My Awesome Website</h1>
<h2>Some Pithy Slogan</h2>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.</p>
</div>
<div class="col-sm-6">
<h3>Heading 3</h3>
<p>Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim.</p>
</div>
<!--/row--></div>
<!--/container--></div>
<!--latest jQuery-->
<script src="https://code.jquery.com/jquery-1.12.2.min.js" integrity="sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk=" crossorigin="anonymous"></script>
<!--Bootstrap-->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</body>
</html>
For this demo, I used the Bootstrap Spacelab Theme. Other themes options are available at Bootswatch:
AdChoices