I cannot "bootstrap" navigation bar to work properly on ipad 2

Hello

I have developed a few sites recently that works well on Windows PC and laptop, laptop Apple and Android smartphone.  They do not properly work on an Ipad 2 however. The site will work if the Ipad is held in portrait mode and will not work in the landscape.  The other Web site will not work in both modes.

I'm sure there is a simple solution for this, but I struggled to find it.  Any help will be greatly appreciated

Roger

Thanks a lot for the answers (which none helped also).

I solved this problem I think.  It's history...

A couple of days, my wife has complained that its iPad 2 (that I used to test my sites) has been very slow.  After some quick research I discovered that apple keeps everything that has been used in the past, to memory, just in case there again.  I emptied all the nonsense of the memory of the iPad, and the navigation bar now works properly.

To back up my idea, another customer could not get the link "maito" on its Internet site working on the iPad 2, even if it was working fine on my laptop and my wife's iPad.  I just deleted the shit of his iPad, and now "mailto" link works.

I hope that this answer is aid

Tags: Dreamweaver

Similar Questions

  • How can I get my navigation bar to align properly in Internet Explorer?

    How can I get my navigation bar to align properly in Internet Explorer?  My www.breastcancerbodies.com site displays correctly on windows seen FIREFOX, SAFARI, OPERA, CAMINO and Mac computers, but using IE the navbar covers a part of the body of text.  Any help would be appreciated. Thank you.

    You have this piece of code (see below) in the middle of your HTML pages. How he got there, I don't know, but it is there if you need to remove it. Go to code in Dreamweaver and make view scroll down the page until you get to it, just select and delete.


  • the function of the navigation bar AutoComplete works at all, I tried to go through the "privacy settings" and "" subject: config. ' "

    I've just updated to the latest version and I have a mac osx 10.4. Since this update the navigation bar does with a history, bookmarks or anything at all. All the settings in privacy and about: config was already enabled for AutoComplete work...

    See http://kb.mozillazine.org/Locked_or_damaged_places.sqlite

  • Change the color of 1 link of the Bootstrap navigation bar

    Hello

    I am eager to pass the roll of color of a link in the navigation bar of bootraps.

    I tried a class on this subject... no luck... I can change all the nav bar color... but I just want a roll of color of the item...

    All thoughts

    PAL

    Place the following in your custom stylesheet (do not touch the stylesheet (s)) original of Bootstrap

    .NavBar - default .navbar-nav > li > a: hover, .navbar - default .navbar-nav > li > a: focus {}

    background-color: #FFFF00;

    color: #FFC0CB;

    }

    This assumes that you have deployed the default navigation bar. If you use a different class, also adjust the colors to suit.

  • Navigation bar links work only in Internet Explorer 7

    Hey people.  I have a site where he looks a lot like IE 8, Mozilla, Chrome, and Safari, but not in IE 7.


    The site is for an annual conference and I know that dozens of people who are going to be displayed to the site using IE 7 with no intention to upgrade.  Even my company uses IE 7 and that's how I learned this morning that the site works in it.  And then panic the value in... lol.

    I am actually trying to find a workaround for the real site right now... so this link below is actually on the partially completed test site, I've been working on until I finished it and it flies.

    I DON'T know how to code HTML... so I think with a possible workaround.  I don't want to have Javascript code tries to recognize the browser and sending people to IE7 to a slightly different site... but if it's the only way, then it will have to do.

    http://www.hellzabeth.com/index.html

    Any ideas?  I've already called the helpdesk Adobe and they have not an idea... told me to throw it here and see what happens :-)

    Hello

    You have two image empty frames on the master page covering the elements of two image albums. It is very likely one (or two) of these frameworks have also been covering the major part of your horizontal menu of your previous version (which was blocking the mouse clicks in IE7).

    You can find either select all (Ctrl + A) on the master page or clicking and dragging to the top about halfway down the page. Removing these empty picture frames solves the problem.

    Thank you
    Colby

  • How can I get the navigation bar to switch when I resize the screen?

    Currently, the navigation bar "bootstrap" simply disappears when I it descended under 767 pixels. I use Dreamweaver CC 2015. Everything written on this subject is old and none of the recommendations have worked.

    Without finding a solution, I guess I have to remove the navigation bar "bootstrap" and create one from scratch. Thanks for any help in advance.

    It's a known bug with the default "bootstrap" navigation bar in the current version of Dreamweaver CC 2015.

    Select the nav item and click on the button "+" on the screen of the element in Live View mode to add the class default .navbar.

  • Help! How to create a navigation bar by tabs on the width 100% accordion that pushes also down of content

    Hello

    I keep seeing 100% width beautiful navigation bars that work like accordions, they open upward and push down the content of Web sites. But no idea how to do myself in Adobe Muse.

    An example is Adobe Muse Widgets Web site: http://www.muse-themes.com/collections/adobe-muse-widgets

    I want to create something similar in the top gray navigation bar. When you click on the 'support' section it drops in a submenu that is 100% fixed width and pushes down the rest of the content on the Web page. I know that the current accordion can be created as 100% width and can push down content when opened. But it does not feet, so I don't think I can create the navigation bar I'm after.

    If anyone knows how to do this, please can you help me to get this effect.

    Thank you

    Kirsty

    Take a look at this small sample file:

    https://DL.dropboxusercontent.com/u/7046655/sample.Muse

    He he, what you want?

  • How to reflect the link in the navigation bar Spry?

    I created a new site www.ocamocam.com , but only the navigation bar links work namely photos.html. I changed the links in the file, index.dwt and they now appear ok in the code pane. contact.html, index.html and links.html do not work. The links are not correct in the html pages that don't work of course and I can't change them there. How can I get the spry navigation bar to reflect the correct links?

    steelguitarist wrote:

    First of all, I created an index.html page, then saved as index.dwt. Then I created a new index.html and saved, Overwrite original index.html. I then created more child html pages and saved, so when I update the index.dwt and child pages, the child html files don't update automatically on the local site after saving all. Are they not supposed to? The idex.dwt is located in the models folder and files of the child are in the root folder.

    As a first step, you create any specific page name, it is a 'model' page you're working on (i.e. If you choose to use a model construction).  Once you have the pieces in place where you need it on the template page you then save as a template - file > save as template.

    This creates a models folder in your root folder inside the site, you should have a file named Template.dwt NOT index.dwt

    Then, you would then create a page of the child from the Template.dwt page and save it as index.html folder in the root of your site. You continue to make child pages from the page Template.dwt.

    So, if you want to make changes to the child pages that you open the Template.dwt page, make the changes and any changes must be updated in the pages of the child if you follow the procedure correctly.

  • The navigation bar problems

    Hello: I am new to Dreamweaver (CS4) and I inserted a navigation bar, that works in Safari, but Firefox or Internet Explorer, it only shows the text with a hyperlink. In Live View mode, the button images appear as small dots to mark (I'm on a Mac). The files are in PNG format. I rechecked the settings under 'Edit' navigation bar as well as "readback" the code to see if there are differences in the HTML code. I can't understand why the other images do not appear. (I checked several times and file names are accurate and the image files are in the appropriate directory.) Any suggestions?

    Here is a link to the Web site: http://www.ourhomefield.net/

    The beautiful fixed!

    --
    JO

    "exnihilo76" wrote in message
    News:gns7r9$H32$1@forums. Macromedia.com...
    > Thanks for the comments, Jo and Chris! I've changed the images in jpg and
    > took another look at the structure of the site. The navigation bar now works...
    >
    >
    >

  • using the & lt; body ID = to highlight the current page on the navigation bar

    Hi all, using the method of the body tag of the give an id to the value of the current on the navigation bar page, works very well. but it's not good if you are working from a model as it would mean the < body > being editable on every page (so most of the content then)... I'm wrong? or am I missing something here that will allow me to change the < body > blindingly obvious...

    Many thanks - didn't really want to use the javascript method you see!

    > Hi all, using the delivery mode of the body tag an id to set the current
    > page
    > on the navigation bar, works very well. However, this is not good if you are
    > working from a model because it would mean thebeing editable on each
    > page
    > (so most of the content then)... I'm wrong? or did I miss something
    > blinding here that will allow me to change the...

    Ideally, you would not actually link the item in the menu on the page that you are
    currently. It is one thing to usability and accessibility. If you do this, then
    You can simply the style of elements not linked in the menu differently to highlight
    This page.

    That said, it is often not a practical solution if you use SSIs to load
    the menu.

    In this case, you can simply add the class to a DIV wrapper, or menu
    itself:



    etc.

    OR, Alternatively, give each meny item it of own class and then work around
    only a special class in the HEAD of each page style. That
    said, I don't know how well it would work with DW models.

    -Darrel

  • Strange behavior Navigation bar

    I am designing a web page for not-for-profit organization.

    Unfortunately, I'm running into some strange behavior problems with the navigation bar.
    The tabs in my run from the left navigation bar. The links to the left of the link, which is never active links are visited through the navigation bar, stop working. For the life of me I can't understand why!

    The pages are arranged so that each page has three html files. File of a single body, a single navigation bar with its tab file respective hilighted and a small file that simply loads the two, one above the other. The tabs in the navigation bar are related to the file then load the body and navigation (of course). Click on a tab to the right of the current tab loads everything perfectly. However, if the active tab is the tab more right, the tabs on the left no longer work correctly. They seem to recharge of the navigation bar, but the body is left behind and the URL always seems to be the right-most tab.

    Here is an example of my current site: current Site
    Through the four tabs at the top, you can quickly see things go wrong.
    The drop down menu allows access to the same pages that the navigation bar won't load.

    If you could please take a look at the site and respond with comments or suggestions as to what could go wrong or that I could do about it, I would be very grateful.

    Note that I already read something about strange navigation bar behavior caused by names starting with the picture number. This is not what is happening here, as are the names of my image "image 1" etc.

    Also note that I use dreamweaver8

    Thanks in advance for your help.

    -Paul M
    -Transitions for youth
    [email protected]

    They are all coded the same. Some have target = "_top" and it varies from one page to the next.

  • can someone tell me how to permanently remove the navigation bar so that a user cannot set himself back. I don't want users to be able to navigate to the local c:\ through this navigation bar. using firefox 7. Thank you

    I locked a customer using the editor of strategy for Windows 7.
    and I want to restrict a user to a site only via a shortcut of firefox on the desktop and restrict their access on the local system drive that is currently vulnerable using the navigation bar. I know not how to do a right click and rmeove, but the user can put this back calm down easily and then locate anywhere on the local computer or the web.

    Even in this case, it will not work.

    If the address bar is hidden so that you can use Ctrl + L to make appear a window with an address bar.

    You would probably need to run Firefox in a sandbox that does not allow access to the local file system to get this working properly.

  • My navigation bar collapsed onto the gallery page not working gas not star tutorial - how to make and style of a sensitive web page

    Hello

    I made the tutorial how to make and style of a sensitive web page. This is the tutorial of Star Gazer. My Gallery with the images of the planets page works well until I reduce the size of the browser and displays the "sandwich" of the navigation bar icon collapsed, when I click on this icon, nothing happens. Could someone please tell me what is the problem with my HTML or otherwise I you have filled the gallery page and it works could you please paste your code in the response. Any help is much appreciated, thank you.

    Vincent

    < title > Stargazer / < /title >
    <!-"bootstrap"->
    "< link href="css/bootstrap.css" rel="stylesheet">" "
    "" < link href= "css/styles.css" rel= "stylesheet" type= "text/css" > ".
    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >
    <!-WARNING: Respond.js does not work if you view the page via file://-->
    <!-[if lt IE 9] >
    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .
    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .
    <! [endif]-->
    < / head >
    < body >
    "< div class="container-fluid" id="wrapper">" "
    "< nav class="navbar, navbar - default">".
    "< div class="container">".
    <
    ! - Brand and toggle get grouped together for better mobile display->"< div class="navigation-head bar' > '."" < button type= "button" class= "navbar toggle collapsed" data-toggle= "collapse" data-target= "#defaultNavbar1" > < span class= "only sr" > toggle thenavigation / </span >< span class= "toolbar" ></span >< span class= "toolbar" ></span >< span class= 'toolbar' ></span > </ button > """< a class="brand navigation bar" href="index.html"> Stargazer< /a >< / div > " "<!-collect the nav links, forms, and other content to alternate->"< div class="navbar-collapse collapse" id="defaultNavbar1">" ""< ul class="navbar-nav right navbar nav">".< li > <a href="#"> On< /a > </li >< li > <a href="#"> Gallery< /a > </li >< li > " < a href="http://www.nasa.gov"> ". NASA< /a > </li >< /ul >< / div ><!-/ .navbar-collapse->< / div ><!-/ .container-fluid->< / nav >"< idarticle = 'main' > '.< h1 > Close to the Sun. < / h1 >< p > Lorem ipsum dolor sit amet, adipiscing elit computer. CRAs gravida, ligula libero sem, condimentum mauris risus vitae orci sold computer and elementum tristique, felis. Nulla justo nisl, ut ut felis, tempus dapibus purus vestibule. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos inceptos. Donec lectus vel lacinia dolor quis massa mollis nisi. Phasellus at pretium ipsum. Surpassing vestibule risus vitae. Surpassing fringilla tempus lacus, vitae elementum felis efficitur. < /p >< / item >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-1.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mercury< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-2.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mariner< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-3.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Messenger< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-4.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Magnetic< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-5.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Microwave< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-6.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mapping < / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >< footer >& copy; 2015 stargazer< / footer >< / div ><! - jQuery (necessary to Bootstrap JavaScript plugins) - >" < script src="js/jquery-1.11.2.min.js"> ". < /script ><! - Include compiled all the plugins (see below), or individual files as needed-->" < script src="js/bootstrap.js"> ". < /script >< / body >< / html >

    The cause of the problem is not attached jQuery library.

    Make sure that jquery - 1.11.2.min.js is located in the subdirectory js as in

  • My sensitive back of Web Site navigation bar does not work by smartphone - fewowiesbach.de. What can I do?

    My sensitive back of Web Site navigation bar does not work by smartphone - fewowiesbach.de. What can I do?

    It does not work because the jquery and JavaScript of Bootstrap files are not on the server, or if they are, they are in the wrong place.

    This topic has been moved, by the way, for the main forum for Support of Dreamweaver.

  • "Bootstrap" in display Mobile navigation bar

    Hi all

    I use jQuery to load my browsing in all my pages. It works great except for one thing... when I set my browser to see the mobile display, I select menu toggle to let fall the menu down which works fine but when I try pressing again for the menu back up... it does not work. No idea why? I tried the menu, which is located in my navigation.html file and it works perfectly, it's only when I place it in another page where the toggle function stops working.

    Any help would be appreciated.

    Thank you

    Ian.

    CODE


    <! DOCTYPE html >

    < html >

    < head >

    < title > < /title > Bootstrap example

    < meta charset = "utf-8" >

    < meta name = "viewport" content = "width = device-width, original scale = 1" >

    " < link rel ="stylesheet"href =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.3.5/CSS/bootstrap.min.CSS ">

    < link href = "css/main.css' rel ="stylesheet"type =" text/css">"

    " < script src =" https://AJAX.googleapis.com/AJAX/libs/jQuery/1.11.3/jQuery.min.js "> < / script > .

    " < script src =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js "> < / script > .

    < script >

    {$(document) .ready (function ()}

    $('.navigation').load ('navigation.html');

    });

    < /script >

    < style >

    {body

    position: relative;

    }

    {#home}

    color: #fff;

    background-color: #D9DDDF;

    }

    {#mobile}

    color: #fff;

    background-color: #ECEFF1;

    }

    {#multimedia}

    color: #fff;

    background-color: #E5E3DF;

    }

    #sirius {padding-top: 50px; height: 500px; color: #fff; background-color: #00bcd4 ;}}

    #section42 {padding-top: 50px; height: 500px; color: #fff; background-color: #009688 ;}}

    {.section1}

    }

    < / style >

    < / head >

    < body spy-data = "scroll" data-target = ".navbar' data-offset ="145"> <!-do submenu strong btn->

    < div class = "navigation" > < / div >

    < / body >

    < / html >

    navigation.html CODE


    <! DOCTYPE html >

    < html >

    < head >

    < title > < /title > Bootstrap example

    < meta charset = "utf-8" >

    < meta name = "viewport" content = "width = device-width, original scale = 1" >

    " < link rel ="stylesheet"href =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.3.5/CSS/bootstrap.min.CSS ">

    < link href = "css/main.css' rel ="stylesheet"type =" text/css">"

    " < script src =" https://AJAX.googleapis.com/AJAX/libs/jQuery/1.11.3/jQuery.min.js "> < / script > .

    " < script src =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js "> < / script > .

    < script >

    {$(function()}

    $(' a [href * = #]: {not([href=#])'}) ravishing (function ()})

    If (location.pathname.replace (/ ^ \ / /, ") == this.pathname.replace(/^\//,") & & location.hostname == this.hostname) {}

    var target = $(this.hash);

    target = target.length? target: $("[name =' + this.hash.slice (1) +'] '");

    If {(target.length)

    $('html,body').animate ({}

    scrollTop: target.offset () .top-140

    (}, 1000);

    Returns false;

    }

    }

    });

    });

    < /script >

    < / head >

    < body >

    < nav class = "navbar, navbar-default navbar-reverse navbar-fixed-top" >

    < div class = "container" >

    <!-brand and toggle get grouped together for better mobile display->

    < div class = "bar navigation-header" >

    "< button type ="button"class ="toggle navigation bar has collapsed"data-toggle ="collapse"data-target="#bs-example-navbar-collapse-1 "aria-expanded ="false">

    < span class = "sr only" > toggle navigation </span >

    < span class = 'bar icons' > < / span >

    < span class = 'bar icons' > < / span >

    < span class = 'bar icons' > < / span >

    < / button >

    "< div > < a href =" index.html"" > < img src="img/all_pages/header/ec_logo.png" alt = "" width = "137" height = "56" class = "img-reagent" / > < /a > < / div >

    < / div >

    <!-collect the nav links, forms, and other content to alternate->

    < div class = "navbar-collapse collapse" id = "bs-example-navbar-collapse-1" >

    < ul class = "navbar-nav nav" >

    < class li = "active" > < a href = "index.html" > < span class = "glyphicon glyphicon-home" aria-hidden = "true" > < / span > < span class = 'sr-only' > (ongoing) </span > < /a > < /li >

    < li > < a href = "divisions.html" > Divisions < /a > < /li > ""

    < li > < a href = "brands.html" > brands < /a > < /li > ""

    < class = "dropdown" li >

    < a href = "divisions.html" class = "list drop-down-turn" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false" > About Us < span class = "circumflex accent" > < / span > < /a > "

    < ul class = menu "dropdown" >

    < li > < a href = "#" > topic 1 < /a > < /li >

    < li > < a href = "#" > About 2 < /a > < /li >

    < li > < a href = "#" > News & comments < /a > < /li >

    < /ul >

    < /li >

    < li > < a href = "brands.html" > Famous < /a > < /li > ""

    < /ul >

    < ul class = "navbar-nav, navbar-right nav" >

    < class = "dropdown" li >

    < a href = "#" class = "menu drop-down-turn" data-toggle = "dropdown" role = "button" aria-haspopup = "true" aria-expanded = "false" > contact us < span class = "circumflex accent" > < / span > < /a >

    < ul class = menu "dropdown" >

    < li > < a href = "#" > Support < /a > < /li >

    < li > < a href = "#" > where to buy < /a > < /li >

    < li > < a href = "#" > contact us < /a > < /li >

    < /ul >

    < /li >

    < /ul >

    < / div > <!-/ .navbar-collapse->

    < / div > <!-/ .container-fluid->

    < / nav >

    < / body >

    < / html >

    I thought about her question. I had the following both my navigation.html & all additional pages.

    Once I removed the script above since the navigation.html page and was only on the other pages, it worked.

Maybe you are looking for