Phone and Tablet Menu size questions

Hello again!

I have trouble to adapt to the size of the menu bar on the phone and Tablet layout of my site. The layout of the Office is good to go, but the problem here is I want to make the menu bar in the smart phone of my site layout adjusts automatically to the size of the screen while keeping the three expand button on the left and the tabs in the menu bar in the Center. I would like also for the menu to expand only when the user clicks on, and not only when the mouse pointer is placed on it.

Apart, another issue I'm facing is the menu bar on the presentation of the Tablet, how can I do to make it develops across the screen entirely and not just after the last button in menu bar? I want the menu bar completely through the entire screen is any size of the tablet.

As always, any help will be greatly appreciated.

Here is a link to the site:

http://restorationacpc.com/

You have a large number of invalid tags in your HTML code.

http://validator.w3.org/check?verbose=1&URI=http%3A%2f%2Frestorationacpc.com%2f

CSS:

/ Special rules for mobile devices * /.

@media only screen and (max-width: 480px) {}

/ * Hide menu, show the button * /.

#menu {display: none}

#toggleMenu {display: block}

}

/ Special rules for tablets * /.

@media only screen and (min-width: 481px) {}

/ * Hide menu, show the button * /.

#menu {display: none}

#toggleMenu {display: block}

}

/ * Special rules that apply to workstations * /.

@media only screen and (min-width: 768px) {}

/ * hide, button display menu * /.

#menu {display: block}

#toggleMenu {display: none}

}

HTML:

The JQUERY CODE: insert this in theTags of your document.

Tags: Dreamweaver

Similar Questions

  • Phone and Tablet layouts

    I am currently migrating folios from an application before the new 2015 DPS. I have two folios of each issue, one for the Tablet and one for the phone. From my understanding, I need to select a Top level Collection 2 in the project settings to get these to work on both devices. I plan also on the integration of Wordpress posts in the App. A magazine designed, therefore, to sit alongside content from our blog.

    My question is, if I select this option Top level Collection 2, I need to create 2 HTML files for content that is integrated with a CMS, or it will automatically optimize to adapt to both? Continue to create the magazine with two sizes is fine, as all items are custom creations.

    I hope that makes sense!

    You can simply create a copy of the HTML article files as it will fill the screen and be responsive, and add that a single item to the collections the phone and tablet.

    Neil

  • Office, phone and Tablet | Package

    Desk, phone and tablet versions seem to be independent of each other, so we need to build three sites instead of one. And most important changes to three sites each time that something must be updated. As a result, I don't bother with Tablet and phone that's too bad. Can we have some kind of auto-create and synchronization between versions as I believe happens with Weebly?

    Also can we have a 'package' as Indesign installation where the assets are copied to a file of Muse?

    I think that Adobe is trying to update this question, which is valid lets you change to one, then apply to all!

    custom package, muse is not a package command, but you can export your site in HTML so muse will generate record sources, such as scripts images and much more.

    hope you find good

  • reset of phones and tablet pages

    You can reset the phone and Tablet pages once we touch option to copy the pages of the Office?

    I added a bunch more pages office and want to Muse to copy in the box phone and tablet sizes.

    The only way I can see would be to set up a new site and copy all the pages of the office there and then delete the original site.

    Hello J,

    You can remove unwanted provision of the Tablet and phone pages, if this is not possible, you can try to remove the Tablet and phone layout:

    Kind regards

    Akshay

  • application on the phone and Tablet

    I have an application with a version for phones. Now I intend to create the application for the Playbook by using the native SDK. I got a new set of key signature for the NDK. So, if the user buy the app for the Playbook or their phone, can they can get for free for the other device? Is buying related to the same app World and do not want to touch the phone and tablet version is signed with?

    Thank you
    NIC

    Basically, you have two options:

    (1) to submit the PlayBook version as a new application

    (2) to present the PlayBook version as a new version of your application for phone

    If you choose option 1) users who have purchased the phone app should buy the app PlayBook too if they want to use it

    If you choose option 2) users who have bought the phone app will be able to download free version of the PlayBook. The reverse is also true - if a user has purchased the PlayBook version, he or she will be able to download free version of phone. It is because the purchases are linked to the BlackBerry ID and most users will use the same ID on PlayBook and phone.

    Option 2) has additional options - all the notes and comments will go to one and the same product. In addition, you will need to adjust the app description if the functionality of these two version is different.

    Signature keys have nothing to do with the Tablet and phone versions, they are pure development.

  • Need access to tables 11g 11.1.1.7.0 OBIEE on mobile phones and tablets

    Hi all

    We have a requirement to allow users to view dashboards built in 11.1.1.7.0 on phones and tablets.

    Can you please let us know the configuration below appropriate to get to this.

    We need to build dashboards to be built again?

    Thank you

    Hello

    So, if you want to start you setting reports for mobile or tablets.

    You should enable the option of mobile application, how can you do that?

    1. you must apply a hotfix to an OBIEE:

    "BI Mobile App Designer is now available as a patch for Oracle Business Intelligence Suite Enterprise Edition, version 11.1.1.7.1. [patch number 17220944 to support.oracle.com] »

    2. When you got the enable Mobile Application, you must create your report with "BI Modila App".

    3. you have to set this link in your mobile phone, checking the connection to. layout

    http://docs.Oracle.com/CD/E21764_01/bi.1111/e10544/bimobile.htm#BIEUG11339

    Note: Also, you have this guide on how to create apps with Oracle BI Mobile App Designer

    Kind regards

  • Layout for phone and Tablet

    I want to make the different layouts for phone and Tablet - and I was at a seminar Adobe three weeks, where they showed that it is possible.

    However, I find the "Default phone" and "Default tablet" in layouts and cards - How do those?

    -Sia

    First, you created a collection app 2 level top nav?

    If so, you should see 2 different top-level navigation in the collection of content/collections. Default Tablet and phone by default:

    Collections and objects for Tablet in first for smartphone in the second

    If not, then you must share the same TLC for phone and tablets. Average of witch you will need as a layout for both.

  • Cannot add a phone and Tablet available to an existing Muse site

    Hello

    I finished and uploaded my Office made in Muse CC 2015 site. Now I want to design the phone and tablet version. In "map" mode, Miss me the signs "+" near the office, Tablet and phone buttons. I'm working on a Dutch version of Muse CC 2015.

    Schermafbeelding 2015-06-17 om 19.02.15.png

    So instead of plan all 22 pages Office in tablet mode - for example, Muse gives me only a single page. Also phone mode.

    What I am doing wrong?

    Thanks in advance for your answers.

    Marc

    Thank you Eric.

    I solved the problem in the meantime. Due to my lack of experience, it was not clear to me to remove the phone - + Tablet page layout and then add them again.

    Muse will immediately create new white pages equal number of the desktop version.

    Kind regards

    Marc

  • If I put a restriction of password which only allow customers who purchase print it (no copy or modification of the document) have an impact on the quality of the file when people open and read the file on mobile devices like phones and tablets?

    If I put a restriction of password that only allow users who buy to print it (no copies or the modification of the document allowed)-it will have no effect on the quality of the file when people open and read the file on mobile devices like phones and tablets?

    Some mobile devices won't be able to open it at all, but if it is open, the quality is not affected.  Please note and understand the warning you get when you set security: indeed, it is largely ignored by many apps.

  • My new site is done, now I do a phone and tablet version. How can I connect all the 3 sites with having duplicate content.

    Hi again.

    When I close my phone and tablet version on my site, I intend to have two large buttons at the top of the Web site that say "CLICK HERE for VERSION PHONE" AND "PRESS HERE for TABLET VERSION.

    How you launch the phone and tablet with making it duplicate content?

    ... Make articles to submit my site with 3 different versions?

    For example,.

    (1) see HumboldtPitBulls.Com for some of the best traditional dogs (goes to 'normal PC version' of the website)

    (2) If you are interested in seeing see some beautiful APBTs website (goes to 'version of phone' web site)

    (3) If you want to learn more about the history of the old Rednose Pitbull family discover our items (goes to version 'Tablet' on the website)

    Please tell me I didn't need on the 'market' all 3 versions separate. Looks like more work that simply "come see HumboldtPitBulls.Com".

    Thanks again!

    Hello

    You can create all three layouts of your site in a single file of Muse and publish/export/upload as required. Muse generates the code to detect the device used by the user and automatically redirects to relevant content... You only need to promote the "yourbusinessname.com" and Muse handles redirection to "yourbusinessname.com/phone/" or "yourbusinessname.com/tablet/" depending on what device you use to access the site.

    Please see a few resources around Muse: Designing for Devices.

    http://TV.Adobe.com/watch/Muse-feature-tour/Adobe-Muse-designing-for-mobile-devices/

    http://www.adobepress.com/articles/article.asp?p=2219864

    http://helpx.Adobe.com/Muse/using/creating-website-mobile-devices.html

    See you soon,.

    Vikas

  • scrollbars disabled in both phone and Tablet

    I created a Web site called eatanddo.com on muse from adobe. The web version and phone are running. When I made the version of phone that I was able to make really long pages and then preview the pages using a scroll bar. Now, I'm working on the part of the tablet of the site and pages grew with the content in the first instance. Then they did it. However, now I can't preview the page scrolling is disabled. I can't more alarming scroll my content in mode found on the version of the phone, even though I have before and I didn't not the content of the phone at all. On the site properties dialog box that the sealing of desktop browser scrollbars is enabled, but they are disabled for phone and tablet. Help, please.scrollbar.png

    If you talk about the display in the preview of the Muse, you can scroll the contents of the view of the phone or Tablet seen by putting your mouse over the content of the phone or Tablet and scrolling up and down with a mouse or by clicking scroll wheel now and dragging up/down.

    The scroll bar on the wndow can be used to scroll through the phone or Tablet frame up and down (if the window is short). It is not used to scroll the content displayed in the content area of phone/tablet.

  • Projects of reactive nature is not recognized correctly on mobile phones and tablets.

    I have problems with a sensitive project being displayed correctly on mobile and tablet devices.  When I use Adobe Edge inspect the test on the mobile and tablets, it renders correctly in a vertical orientation, but not a horizontal orientation (direction of the unit).  When I publish the project for devices, and then download the project on a web server to test in a browser, I get the same results for the Tablet and mobile phone doesn't recognize any mobile version.  My problem is trying to get the device to recognize the mobile version in a sensitive project.

    What I found:

    On a Tablet (iPad 2 - iOS 8) I get the tablet of the presentation version when the unit is vertical and get a desktop morphing version when the device is horizontal. (These results were the same in Safari and Chrome browsers).  When you test in Adobe Edge inspect the tablet version works as it is supposed to be the direction. 

    On the mobile device (iPhone iOS - 6 8) I get the version compressed when the device is in a vertical and horizontal orientation.  It does not recognize the Mobile version of my responsive project at all (these results were the same in Safari and Chrome browsers).  When you test in Adobe Edge inspect, the phone does not recognize the project in mobile version when it is vertical, but recognize the version of the tablet in a horizontal position.

    I do not have access to other devices (i.e. Android) to see if the results are the same.

    How I found this:

    I created a new responsive project with only 1 slide and 1 button (the button is pause the presentation).  In the view of the office, I created a "Desktop" title and hid in respect of other points of view.  I did the same thing for the Tablet and mobile, with the titles 'Tablet' and 'Mobile' which are hidden in other views.  I then published the draft for the devices and downloaded on a test server.  Here is the link to test.

    So my question is if someone else gets the same results that I am and if someone knows a solution.  What I need the most is for mobile devices to recognize the correct version in a vertical orientation in a browser.  I hope this isn't a problem with browser/phone and it is an easy fix.

    Thank you!

    Also with regard to your iPhone.

    Your IPhone memory 6 is 375px width of display window, the default value of CP is 360. That's why your iPhone 6 enter the cause of the published file tablet mode detects your iPhone 6 width is greater than 360.

    Open this site on your phone and confirm your width is 375: what is my Viewport size?

    Then adjust (increase) your mobile breakpoints in captivate to the width of your phone. It should then enter the width of your phone.

  • Adobe Muse / Center content / phone and Tablet Help

    When I discovered my site on phone or tablet content is not centered. He is more focused on the left. How can I fix? Thank you very much IMG_2582.PNG has

    Hello Bywaycreative,

    Please go to phone/Tablet available, open the pages concerned in design mode and make sure it noting square next to the area of the page. Verify the same for master pages. If you find something outside and then delete or place it inside the area of the page. Best way to find items outside the area of the page is to press Ctrl + A or command-A and it is highlighted.

    Don't forget to publish the site after the changes.

    There would be more reasons behind this behavior, so if the suggestion above does not fix the issue then I advise you to share with me .muse file so that I can take a look to the file and tell you the specific cause in your file.

    Kind regards

    Vivek

  • Problems with the desktop computer, phone and Tablet Design

    Hi all

    As soon as I download my phone design that is all I get, phone design in each desktop browser, iphone and Tablet I, how do I MUSE use view PHIONE for phones, tablets for the Tables and VIEW of PHONE NOT ONLY in each device, a computer or a browser. -They only way I can see my design office is by removing the phone design.

    Any help appreciated.

    TX

    Hello

    I just check the site in my phone and the desktop computer. His office showing the desktop version and the version from phone to phone.

    Please clear the cache of your browser on the desktop browser and return to the site. If it's a windows machine, the shortest way is to press Ctrl + F5.

    Concerning

    Vivek

  • Honorine model phone and tablet edition menu

    prnt.pngMaybe someone knows how to edit and modify the model of LORETO for Tablet and phone menu?

    Select the reading/blue arrow button to pull up the widget settings. Under the heading 'Edition', toggle the option 'Show lightbox parts while editing' on.

Maybe you are looking for

  • s5610f: computer does not recognize the download speed of 200 Mbps.

    I've updated from Time warner to 200 Mbps cable. The computer will not more then 70mbps. TWCable technology said that it is the computer and not the router because he checked with his instrument and it gets 212mbps. I called hp support and I'm not th

  • You are not currently connected to any networks

    I have an acer aspire 5552 with windows 7. I have upgraded to windows 10 but because I could not fully access to my LAN, I went back to windows 7. Now windows 7 says I'm not connected to any network, while the cards are there and their settings can b

  • When you use IE8 I sometimes get a screen empty and cannot get online.

    How to track what bad connection is? Sometimes, when I open my IE8 browser, it will automatically make a connection to the internet, but sometimes it cannot, and the browser displays a blank page. I already check the internet option for the connectio

  • Explorer keeps restarting when trying to remove video

    I am trying to remove the videos on my computer I already posted online. When I try windows explore appears says it restarts and restarts do not let to delete anything. How can I delete the videos?

  • Unable to open Windows media player and window media center

    Title: window media player and window media of origin Center cant function. I have buy new laptop asus A42J with windows original last year... the 1st time my window media player n media center window works exactly... since I never open it for a long