Using Muse to add a mobile layout to an existing Site?

I have some customers who already have live sites built outside of Muse who are interested in adding a mobile layout. Is it possible to add a mobile layout with muse to an existing site? I plan on trying this out this weekend but wanted to know if anybody beat me to it.
Thanks!

If you're looking to design and publish just a mobile site, you can easily do it through Muse. When you start a new project in Muse you can select the Initial layout to be Phone and begin planning and designing your mobile site. If required, you can later add the Desktop and Tablet layouts to your project as well. Then when you're ready to publish your mobile site (to either Adobe hosting through Business Catalyst or to your own third party host), you can upload the site to a host directory of your choice so as to not touch the existing desktop site files. Alternatively, you always have the option to export the site as HTML and publish it anywhere you like through a FTP client like WinSCP or Filezilla.
Thanks,
Vinayak

Similar Messages

  • I am unable to use Muse in-browser editing. I have an active site, but when I enter my site plus /admin, the graphic dots move but the site goes nowhere and I am never given a chance to enter my email and password. I would greatly appreciate any help. I a

    I am unable to use Muse in-browser editing. I have followed the activation instructions both in Muse and invited users. I have an active site, but when I enter my site URL plus /admin, the graphic dots move but the site goes nowhere and I am never given a chance to enter my email and password. I would greatly appreciate any help. I am thanking you in advance, Bleu

    I'd keep trying the other way. You may have hit it when BC was doing an update or something. If it works one way it should work the other way. But sometimes BC can be kind of temperamental and you have to do a little dance or something to get it to work. But it generally comes around and fixes itself in short time.
    Have you tried the other way again?

  • Can I use Visual Studio to develop Sharepoint Online workflows on existing site lists?

    I've been using Sharepoint Designer to develop workflows in Sharepoint 2013 on Office 365, but hitting limitations. I would like, for example, to be able to trigger a workflow when a list item is deleted.
    Perhaps naively I thought Visual Studio should be able to help. I've read of useful things like Remote Event Receivers - sounds exactly what I need. I've used VS before for Windows desktop applications in VB, so downloaded a trial version of VS 2013.
    Now I'm having doubts. It looks like I can create a Sharepoint App on a development site and create lists and workflows within it, but I can't access my existing lists to do anything more sophisticated than I already can in SPD. Is that right?
    I was expecting to be able to enter my Sharepoint site URL into Visual Studio somewhere, just like in SPD, and do wonderful things with my lists - but unless I'm missing something, that's not possible.
    Have I just got it completely wrong??!

    Hi,
    yes you can check those links
    http://blogs.msdn.com/b/bharatgupta/archive/2013/04/27/sharepoint-2013-app-workflow-with-custom-task-outcomes-in-o365.aspx
    https://msdn.microsoft.com/en-us/library/office/jj164126.aspx
    http://www.andrewconnell.com/blog/sharepoint-online-integrated-workflow-apps-workflows-as-apps-in-the-hostweb
    https://msdn.microsoft.com/en-US/library/jj220043.aspx
    Kind Regards,
    John Naguib
    Senior Consultant
    John Naguib Blog
    John Naguib Twitter
    Please remember to mark this as answered if it helped you

  • Using Muse, I was wondering if there is a way to convert a website that is already built into a mobile website.

    Using Muse, I was wondering if there is a way to convert a website that is already built into a mobile website. I have no idea how the website was originally built. My client is asking me to build a mobile site for his current site without touching his desktop site. His site was originally built in Dreamweaver I think but he have no way of finding the files and lost contact with his original designer. We don't want to start a new site from scratch with a new domain because he is afraid of losing his seo work.
    In other words. My client site was build in Dreamweaver or something else. I am not a programer and was going to use muse to make his mobile site. So the question is how do I link a muse made mobile site to his desktop site?
    Thank you.

        as62467 We appreciate your G3 question! Let's see how we can help. What you are able to adjust is the USB connection mode by going to the home screen and selecting'recent apps' (in the touch keys bar), settings,storage, the menu (the 3 tiny dots) and tap usb pc connection. If you do not want the software to try and install choose either the internet connection or camera option. Let us know if this helps.
    SheritaH_VZW
    Follow us on Twitter

  • Using a single website for testing while running older existing webpages

    quick question guys
    our company has an older existing webspace and website running
    i'm currently re-doing the website and would like to test how it currently runs online but without disabling the existing older pages, how can this be done?
    when i looked at the online space of the existing site via ftp program, it contains 4 folders:
    cgi-bin
    logs
    private
    public
    public is where all the current website is housed. what are the other folders for? they are currently empty.
    can i simply create a folder called test1 and upload all the files for the new site into this folder in the existing public folder and access it by simply using the "test1" folder in my webaddress?
    eg. existing site:
    www.website.com
    test site:
    www.website.com/test1
    will this work? all my coding (js, css) has filepaths pointing to their respective folders from the root, ie "../css/website.css" etc. will all the root access to the new site work this way?
    hope you understand my question.
    thanks for any input

    hey everyone
    thanks so much for the answers and feedback
    I eventually followed osgood's example and created a two letter folder (name "ts") and uploaded it to the public folder of our existing website with the relevant new files.
    I was then able to access those files (well a single page right now) in browser by simply appending the folder name at the end of the existing webaddress:
    acompany.net -existing page
    acompany.net/ts/ - location of new webpage(s)
    when i add more pages they should be referenced within this folder only,unless i have specific outside links to go to, correct?
    i'm curious as to why there are so many various and warning messages about doing testing this way? is it really bad? will search engines remember these test pages and degrade the company's web prescence later?? i guess with larger corporate sites with hundreds of pages, more caution has to be used? I hope i'm not doing anything harmful to the existing webstanding of the online site.
    osgood_ wrote:
    I always include the test folder in the public folder to begin with but use a meta tag to stop search engines indexing the pages.
    I'm always a bit nervous about moving things around once extensive testing has been undertaken incase something breaks
    You could then just redirect the root level index file to point to the test folder, just rename the folder to something more discret like the initials of the company name.
    so www.thiscompany/tc looks better than www.thiscompany/test
    Of course if you have any absolute url coding in the site you will have to change that too so it points to the correct file. You'd have to do that anyway
    This http://www.thiscompany.co.uk/test/images/image_1.jpg is not going to be the same as http://www.thiscompany.co.uk/images/image_1.jpg

  • How do I add a mobile and tablet site created in Adobe Muse to an existing website?

    Hi I have created a mobile and tablet version of an existing site in Adobe Muse and would like to add these versions without affecting the original site! is this possible?

    Are you planning to have separate URLs for desktops, tablets and mobile devices?  That seems like a logistic nightmare to maintain.
    Why haven't you re-built your desktop site with FluidGrid Layouts or CSS Media Queries in DW?  One site that works in all devices makes more sense.
    Example with FluidGrid Layout (re-size viewport):
    http://alt-web.com/FluidGrid/Fluid2.html
    Introduction to CSS Media Queries
    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
    CS6 Fluid Grid Layouts (6 min video)
    http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs-using-fluid-grid-la youts-in-dreamweaver-cs6/
    Nancy O.

  • Can you build mobile websites in Adobe CS6 Muse similiar to fluid grid layout?

    Can you build mobile websites using Adobe CS6 Muse, similar to fluid grid layout?

    You can certainly use Muse for hosting on other hosts as well. You do lose some of the functionality of Business Catalyst such as In Browser Editing. I just saw that you did your current one in Wordpress ... so I assume there is a blog?
    If so, keep in mind that Muse alone does not have a blog feature. You can integrate a Business Catalyst Blog into it with a bit of knowledge on how BC works.
    A couple videos you will want to check out are:
    https://my.adobeconnect.com/p843w8dk0w9?launcher=false&fcsContent=true&pbMode=normal
    and especially;
    https://my.adobeconnect.com/p6wv1sik1gq/?launcher=false&fcsContent=true&pbMode=normal

  • Can I add music wave files to a web sight using muse ?

    60 year old guy trying to find out information, so hope I don't sound too dumb.
    Can I have a web sight with waves files in it , like regular music , not MP2 or ACC files ?
    Also , can I add my own videos without using YouTube ?  Just place them on my web page ?
    If later on , I want to sell something , can I do it on the web sight ?
    I want to use Muse.
    Oh yea , I have a recording studio .  That's why I need to know what my options are .
    Thanks ,
    Paul

    Hi Paul
    Yes, you can embed your own video and audio.
    Please refer to these threads :
    https://forums.adobe.com/message/6292572#6292572
    https://forums.adobe.com/message/6066684#6066684
    how I can embed a .mov file in adobe muse
    Thanks,
    Sanjit

  • Does anyone know how to add a dateline in the website using muse?

    Does anyone know how to add a dateline in the website using muse?

    You cannot.
    You would have to add it to the mail server ( if you have an IMAP account), then it will appear on the ipad.

  • Muse mobile layout not full size

    When I preview my mobile layout the images are not at full size. Layout size is 320X480(portrait). When I place an image it reaches the sides and shows the red line; however, when I preview the images shrink. Any suggestions?

    Hi
    Does this happens with all images or any specific image.
    Probably this would depend upon image size used on page , or use a rectangle with 100% width and image as fill.
    Thanks,
    Sanjit

  • In Fluid Grid layout, I have hidden 2 div for mobile layout. How do I unhide them?

    In Fluid Grid layout, I have hidden 2 <div> for mobile layout. How do I unhide them?

    Hi there,
    I visited your site using Dreamweaver CC and tested it using the default Desktop, Tablet and Mobile sizes, followed by the Smart Phone Size.
    The CSS you currently have sets the featurest <div> to 'display: none' when viewed on screen sizes lower than 480px:
    Another helpful way to find out what is going on with your CSS is to test the site with Firefox using Web Developer Tools to inspect the element (or alternatively, Adobes Inspect tool). You can right-click the image and "Inspect Element" then resize the browser window so you can see exactly which CSS rule is being applied and overrided.
    My suggestion would be to add an additional media query in Dreamweaver to handle all screen sizes below 480px and then set divs or elements you want to hide or show display property to visible.
    Hope this helps!

  • IE7 locks onto Mobil layout vs desktop layout

    I am developing a new site and using the fluid grid layout.  I have tested it on my laptop in Firefox v18, Internet Explorer 9, and Chrome v24.  Everything was fine until I tested it on an XP desktop.  Everything looked fine in Firefox v18 on the desktop, however, Internet Explorer 7 did not show the Content1 and Content2 as side by side columns that all the other browsers showed.  In using the IE Developer Tool Bar it shows that the division style for them is width=100%.  In reviewing my css the only place where Content 1 and Content 2 has width=100% is in the Mobile Layout for 480px and below.  The Tablet and Desktop Layout both have those widths below 50%.
    Here is my html:
    <!doctype html>
    <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
    <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
    <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
    <!--[if gt IE 8]><!-->
    <html class="">
    <!--<![endif]-->
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Conestoga Wagon Web Service - Your Business Ally</title>
    <meta name="author" content="Conestoga Wagon Web Service">
    <meta name="description" content="Conestoga Wagon Web Service, your business ally; where the mystique of yesteryear meets the technolgy of today and provides small business and organizations access to affordable professional web site design and hosting.">
    <meta name="keywords" content="cheap website design,website design,affordable website design,custom website design,small businesses,website  solutions,idaho website design,website designers,website hosting,web hosting">
    <link href="css/boilerplate.css" rel="stylesheet" type="text/css">
    <link href="css/fluid.css" rel="stylesheet" type="text/css">
        <script src="js/jquery-1.4.1.min.js" type="text/javascript">
    </script>
        <script src="js/jquery.jcarousel.pack.js" type="text/javascript">
    </script>
        <script src="js/jquery-func.js" type="text/javascript"></script>
    <!--
    To learn more about the conditional comments around the html tags at the top of the file:
    paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
    Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
    * insert the link to your js here
    * remove the link below to the html5shiv
    * add the "no-js" class to the html tags at the top
    * you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
    -->
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="js/respond.min.js">
    </script>
    </head>
    <body>
    <div class="gridContainer clearfix">
        <div id="Header">
        <!-- Start of Header -->
        <img src="images/header.png" alt="Conestoga Wagon Web Service Header Image">
        <!-- End of Header -->
        </div>
        <div id="Menu">
        <!-- Start of the Navigation -->
                        <ul>
                            <li><a href="index.html">Home</a></li>
                            <li><a href="about.html">About Us</a></li>
                            <li><a href="design.html">Design</a></li>
                            <li><a href="hosting.html">Hosting</a></li>
                            <li><a href="contact.html">Contact Us</a></li>
                            <li><a href="faq.html">FAQ</a></li>
                        </ul>
        <!-- End of the Navigation -->   
        </div>
        <!-- Start of Content Area -->
        <div id="Content1">
            <h2>This is a test of H2 on Home page</h2>
      This is the content for Layout Division Tag "Content"
      <p>Combined with optimal use of human resources, big is no longer impregnable to ensure that non-operating cash outflows are assessed. An important ingredient of business process reengineering the vitality of conceptual synergies is of supreme importance the new golden rule gives enormous power to those individuals and units. Exploitation of core competencies as an essential enabler, through the  adoption of a proactive stance, the astute manager can adopt a position at the vanguard.</p>
      <p>As knowledge is fragmented into specialities from binary cause and effect to complex patterns, an important ingredient of business process reengineering. Building flexibility through spreading knowledge and self-organization, benchmarking against industry leaders, an essential process, should be a top priority at all times defensive reasoning, the doom loop and doom zoom. Maximization of shareholder wealth through separation of ownership from management the vitality of conceptual synergies is of supreme importance as knowledge is fragmented into specialities. The balanced scorecard, like the executive dashboard, is an essential tool building a dynamic relationship between the main players. An important ingredient of business process reengineering in a collaborative, forward-thinking venture brought together through the merging of like minds.</p>
      <p>By moving executive focus from lag financial indicators to more actionable lead indicators, working through a top-down, bottom-up approach, the strategic vision - if indeed there be one - is required to identify. Organizations capable of double-loop learning, that will indubitably lay the firm foundations for any leading company to focus on improvement, not cost. By moving executive focus from lag financial indicators to more actionable lead indicators, benchmarking against industry leaders, an essential process, should be a top priority at all times building flexibility through spreading knowledge and self-organization. To ensure that non-operating cash outflows are assessed.</p>
      <p>Measure the process, not the people. As knowledge is fragmented into specialities combined with optimal use of human resources, in order to build a shared view of what can be improved. Exploiting the productive lifecycle the components and priorities for the change program motivating participants and capturing their expectations. Big is no longer impregnable as knowledge is fragmented into specialities.</p>
      <p>By moving executive focus from lag financial indicators to more actionable lead indicators, organizations capable of double-loop learning, building a dynamic relationship between the main players. To focus on improvement, not cost, quantitative analysis of all the key ratios has a vital role to play in this exploitation of core competencies as an essential enabler. From binary cause and effect to complex patterns, the new golden rule gives enormous power to those individuals and units, to experience a profound paradigm shift.</p>
        </div>
        <div id="Content2">This is the content for Layout Div Tag "Content2"
          <p>Love's not time's fool, though rosy lips and cheeks oh, no, it is an ever fixed mark or bends with the remover to remove. Love alters not with his brief hours and weeks, it is the star to every wand'ring bark, within his bending sickle's compass come. Admit impediments; love is not love that looks on tempests and is never shaken; oh, no, it is an ever fixed mark. If this be error and upon me proved, whose worth's unknown, although his height be taken. But bears it out even to the edge of doom.</p>
          <p>It is the star to every wand'ring bark, which alters when it alteration finds. Love's not time's fool, though rosy lips and cheeks within his bending sickle's compass come; which alters when it alteration finds. Admit impediments; love is not love if this be error and upon me proved, oh, no, it is an ever fixed mark. Love alters not with his brief hours and weeks, whose worth's unknown, although his height be taken. That looks on tempests and is never shaken; admit impediments; love is not love love's not time's fool, though rosy lips and cheeks.</p>
          <p>Let me not to the marriage of true minds it is the star to every wand'ring bark, within his bending sickle's compass come. Which alters when it alteration finds, oh, no, it is an ever fixed mark love's not time's fool, though rosy lips and cheeks. Admit impediments; love is not love let me not to the marriage of true minds that looks on tempests and is never shaken. Within his bending sickle's compass come; if this be error and upon me proved, I never writ, nor no man ever loved. Love's not time's fool, though rosy lips and cheeks love alters not with his brief hours and weeks, oh, no, it is an ever fixed mark.</p>
          <p>Let me not to the marriage of true minds but bears it out even to the edge of doom. Oh, no, it is an ever fixed mark that looks on tempests and is never shaken; or bends with the remover to remove. Within his bending sickle's compass come; but bears it out even to the edge of doom.</p>
          <p>Admit impediments; love is not love love alters not with his brief hours and weeks, love's not time's fool, though rosy lips and cheeks. It is the star to every wand'ring bark, or bends with the remover to remove. Within his bending sickle's compass come; oh, no, it is an ever fixed mark whose worth's unknown, although his height be taken. Love's not time's fool, though rosy lips and cheeks.</p>
        </div>
      <!-- End of Content Area -->
        <div id="Footer"> <hr class="divider">
        <!-- Start of Footer Area -->
      <script type="text/javascript">
    now=new Date();
    year=now.getFullYear();
    </script>Copyright &copy;  2012-<script type="text/javascript">
    document.write(year);
    </script>
    <strong> Conestoga Wagon Web Service</strong><br>
    |  <a class="active" href="index.html">Conestoga Wagon Web Service</a> | <a href="hosting.html">Conestoga Wagon Web Hosting</a> | <a href="proposal.html">Request Proposal</a> | <a href="tos.html">TOS</a>  |  <a href="privacy.html">Privacy Policy</a> |  <a href="hostagreement.html">Web Hosting Agreement</a> | <br>
    <strong>An Idaho owned and operated Web Design and Hosting company.</strong>
        <!-- End of Footer Area -->
        </div>
    </div>
    </body>
    </html>
    Here is my css:
    @charset "utf-8";
    /* Simple fluid media
       Note: Fluid media requires that you remove the media's height and width attributes from the HTML
       http://www.alistapart.com/articles/fluid-images/
    img, object, embed, video {
        max-width: 100%;
    /* IE 6 does not support max-width so default to width 100% */
    .ie6 img {
        width:100%;
        Dreamweaver Fluid Grid Properties
        dw-num-cols-mobile:        5;
        dw-num-cols-tablet:        8;
        dw-num-cols-desktop:    12;
        dw-gutter-percentage:    10;
        Inspiration from "Responsive Web Design" by Ethan Marcotte
        http://www.alistapart.com/articles/responsive-web-design
        and Golden Grid System by Joni Korpi
        http://goldengridsystem.com/
    /* Mobile Layout: 480px and below. */
    .gridContainer {
        margin-left: auto;
        margin-right: auto;
        width: 98.1818%;
        padding-left: 0.909%;
        padding-right: 0.909%;
    #Header {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
    #Menu {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #Menu ul{
        list-style-type: none;
        text-align: center;
        font-weight: bold;
        float: right;
        padding-top: 0;
        padding-right: 0px;
        padding-bottom: 0;
        padding-left: 0;
    #Menu ul li{
        float: left;
        display: inline;
    #Menu ul li a{
        float: left;
        display: inline;
        width: 151px;
        height: 100px;
        background: url(../images/nav.png);
        text-decoration: none;
        line-height: 67px;
        color: #ffb400;
    #Menu ul li a.active,
    #Menu ul li a:hover{ color:#fff; background: url(../images/nav-active.png) }
    #Content1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        text-align: justify;
    #Footer {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        color: #ffb400;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 10px;
    #Footer a {color: #ffb400; }
    #Content2 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        text-align: justify;
    /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
    @media only screen and (min-width: 481px) {
    .gridContainer {
        width: 98.8636%;
        padding-left: 0.5681%;
        padding-right: 0.5681%;
    #Header {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
    #Menu {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #Content1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 49.4252%;
        display: block;
    #Footer {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #Content2 {
        clear: none;
        float: left;
        margin-left: 1.1494%;
        width: 49.4252%;
        display: block;
    /* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
    @media only screen and (min-width: 769px) {
    .gridContainer {
        width: 99.2424%;
        max-width: 1232px;
        padding-left: 0.3787%;
        padding-right: 0.3787%;
        margin: auto;
    #Header {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
    #Menu {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #Content1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 49.6183%;
        display: block;
    #Footer {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    #Content2 {
        clear: none;
        float: left;
        margin-left: 2%;
        width: 48%;
        display: block;
    It just seems like IE7 is locking onto the very first section of the css and not moving to the desktop and I just haven't been able to solve this so any assistance would be greatly appreciated.
    Thanks,
    Verne

    I have been doing a lot of looking around for possible solutions to this IE 7 issue with media queries.  While there were a lot of diverse views on the subject I came across an article that seemed to be an easier solution to try than everything else.  I downloaded the js file they recommended, copied and pasted
    <!-- css3-mediaqueries.js for IE less than 9 -->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    into my document and now IE 7 shows the web page just like FF, IE9, and Chrome does.  It was a super easy fix, even for a novice.
    I hope this helps someone else like it has helped me.
    Thanks,
    Verne
    Message was edited by: in-idaho

  • Opinions needed on best way to add a mobile site

    We have an existing somewhat older website that does not nicely support mobile devices. While it looks and works fine on tablets, it becomes somewhat unusable on smartphones. We do not have the time/dollars at this point to start from scratch and rebuild with all of the latest bells and whistles. So the question becomes what is the cleanest/fastest/easiest way to add a mobile website. In trying to research this answer, it appears there is no one right answer. I actually have found many possibilities. Right now I have Dreamweaver CS5 and am not going to upgrade any time soon or change tools.
    Here are some possibilities I'm considering:
    Adding a new "home" page and letting the user decide to either "go lean and mobile" or go wide screen and use the full website. This doesn't seem too bad to me since I'm clearly going to have to maintain 2 websites in the near term.
    From there I see choices where the direction is chosen based on the OS or it is chosen based on the screen size. I have seen some based on Javascript and some CSS based. It just gets pretty confusing to know which is best.
    We are adding online ordering (pizza place) and want to definitely make it useable for the mobile world. Any thoughts would be appreciated.
    As a follow on question, how big of a problem would we run into (how many phone users might we anger) if we used a js based menu on our mobile sit?. Not sure how many devices/OS don't support javascript.
    Thanks so much!
    Donna

    If you go down this slippery slope, trying to identify mobile user-agents is the single biggest obstacle you will face.  The list is understandably huge and constantly changing.   To make matters worse, many browsers pretend to be other browsers. So sniffing for mobile devices and redirecting them to your mobile only site is not only a major chore, it's not even 100% reliable.  And then there's the matter of maintaining 2 separate sites...  Oh, don't even go there.
    Re-code your current site to make it Responsive.  Below are several Frameworks you can use to jump start your new layouts.
    Foundation Zurb
    http://foundation.zurb.com/templates.php
    Skeleton Boilerplate
    http://www.getskeleton.com/
    Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
    http://www.initializr.com/
    DMX Zone's Bootstrap *free Extension for DW*
    http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
    Project Seven's Page Packs *Commercial CSS Templates for DW*
    http://www.projectseven.com/products/templates/index.htm
    Whichever menu system you choose, it needs to be user friendly for desktops as well as touch screen devices.  CSS styled lists are the foundation to build on.  Then you can add jQuery MeanMenu to make it mobile friendly.  I have a working example of it below (resize your browser viewport):
    http://alt-web.com/FluidGrid/Fluid2.html
    Nancy O.

  • Responsive menu doesnot work in mobile layout

    Hello there,
    I have successfully designed and uploaded my responsive website.Here is my link.
    http://trichyengg.ac.in/
    I have used responsive dropdown menu in my website.
    My menu doesnot work good in mobile layout.Please check and help me.
    And also there is some problem in this page
    http://trichyengg.ac.in/college.php
    Here the accordion works well.But I don't find footer in this page.Please help me to solve this problem.
    Thanks in advance.

    For the class .footer_style, you need to remove the height:200px (set a min-height:200px if you want the <div> to never shrink past a certain point) and add overflow:hidden so it doesn't collapse with all those floated elements within it.
    That should do it.

  • I have just started to use Muse for our design agency and learning how to build ourselves a new site, I have manged to create a basic lightbox which contains sliding images, what I need to do now is have a pop up window which goes into detail about the pr

    I have just started to use Muse for our design agency and learning how to build ourselves a new site, I have managed to create a basic lightbox which contains sliding images, what I need to do now is have a pop up window which goes into detail about the projects, what I would like is a piece of text  or icon that when you roll over it and then click a separate window pops up with additional information in, once finished reading the info you can then click to close the box, any advice on how to do this?

    The best way to do what you're asking is with the Composition widget. Start with the Tooltip preset, which, by default shows the info on rollover. You can change the option to show on click, which is what you're after. You can also add the close button or have the info disappear on rollout.
    David

Maybe you are looking for