Anchors Menu mobile

Hello

I am re-designing my site Web and mobile version for the first time also, but I have a problem with the menu mobile.

The buttons are linked to anchors on the page and I use a scroll effect in the menu do scroll with the page and then stop when it gets to the top.

When you click on one of the buttons, it climbs to the anchor, as it should, but the menu returns to its starting location little matter where he was when he was in a hurry (see screenshots).

The only device I tested it on that is an iPhone 5. Does anyone know how to fix this?

Thank you!

The mobile site is online here: www.ianmcneil.net/preview/phone

IMG_0621.PNGIMG_0622.PNGIMG_0623.PNG

Hello

I tried to create the same thing and its working very well.

Please take a look at the attachment and see if you are missing something.

http://Adobe.LY/1AC9eUI

Where the parameters are the same, it could be a problem because any object placed in the page as code integrated, widgets, etc.

Also try to recreate the navigation and who can solve the problem.

If still no success then I would request to share the folder with me muse, so who can observe something.

Concerning

Vivek

Tags: Adobe Muse

Similar Questions

  • Menu mobile with accordion panel will not open when you view the phone's browser

    I'm designing a sensitive site using breakpoints to 320, 768 and 1200.  I made a menu mobile with a panel of the accordion for breakpoints to 320 and 768.  Everything works fine with the reactive site on the web browser, except when I open the menu mobile on my windows phone, the Panel will not open.  When I press the menu to open it, the menu quickly opens and then closes immediately.  I was not able to understand what it takes to keep the menu open on the Tablet and phone version.  Any help would be really appreciated.

    [Transferred to the specific forum - Mod]

    OK first off I can confirm that the accordion on this page works on Microsoft phones (Nokia) and my iphone 3

    However the site is a mess to navigate and IMO the design must be less congested to operate on a phone... tip, do not use a desktop computer to test your phone designs

    with regard to the drawings and models responive. Take a look at these

  • Adobe Menu Mobile Muse?

    Hello

    Could someone help me please with my menu mobile? I would like menu mobile www.apple.com. If someone could help me I would really appreciate it.

    You can try the options available here:

    http://musewidgets.com/collections/all/menu

    Thank you

    Sanjit

  • Accordion widget (menu mobile) works only with the composition of slide show on the same page

    Hello

    So I created a mobile version of a site (landpotential.org), but the menu of the main home page does not work. You can go down the coming fall. I noticed it worked after removing the slide show under the header image is something in there about the origin of the problem. Does anyone know how to fix this? Be sure to check the site on a phone to see what I mean. The menu works on all other pages of the site.

    Hi Rocio_Caballero,

    It seems that if the problem is with the positioning of the object in the same layer.

    Can you please place the accordion on another layer and let me know if it works.

    Kind regards

    Ankush

  • Need to create a simple menu mobile in Muse

    I would like to create a simple drop-down list for mobile exactly like here: http://www.brianmichaelgossett.com (resize on the phone). I'm stuck and would appreciate any help you can offer, thx

    Hello 250whiteline3,

    If you are working on a separate mobile presentation, then you can create it in the Accordion Panel widget customization.

    Please see the links below that shows the steps to do so.

    Add a cool activating menu Adobe Muse - YouTube mobile site

    How - to's "Adobe Muse CC Engineering Team.

    Kind regards

    Vivek

  • Menu mobile-how to keep on top and lock it at the top of the page?

    Hi, I am VERY new to Muse and have created my site Office, now dive into mobile version before the tablet version.

    I am fighting to get any menu (created as Terry Wite version) or a purchased version to stay at the top of the page. Some text boxes and images seem to scroll on the top of the menu and when I managed to get a menu on the top, then it scrolls off the page? Any help welcome please

    Just put the menu on a new layer that you create on top of all the other layers. Use the layers panel to do this.

    The layers are site wide, not just the wide page.

  • How to configure widget menu mobile slider on the master and the mobile Muse Web site pages

    Adobe Muse slider Mobile Menu Widget by MuseThemes

    I am new to the design of mobile websites and Muse, I love this widget, but I don't know how to set up on several pages.

    Should I put it on the master? Content covers it when it is the master, I can use some help.

    Thank you very much, anyone knows of tutorials or can someone give me a game plan to be implemented. Thank you very much!

    Yes, the site shows a mobile version, otherwise you can try emulators to display different version of your site:

    https://www.browserstack.com/

    Thank you

    Sanjit

  • Problem with the menu (mobile version)

    Hi guys, I'm new with Muse. I have a trivial question: I would like to first of all the menu of the mobile version of my Web site always at the top of the screen. I tried to use the scrolling effects, but the problem is that the "body" of the page (text and images) overlap the menu...

    I'm sorry for my English, maybe a photo could explain better.

    IMG_5589.PNGIMG_5590.PNGIMG_5591.PNG

    Go to the layers panel, create one new layer before any other and drag your menu items.

  • Menu mobile - Panel accordion or Composition - which is recommended?

    Hello

    I have been experimenting with mobile menus and resulted in good solutions using two different methods: 1) Accordion Panel widget. (2) white composition widget.  Both use a trigger and a container of content with a vertical menu.  Both work well.

    Question for the experts here: is one of the two techniques menu recommended and why?  They work and feel a little differently, but I'm more concerned about their compatibility on different browsers and mobile devices.

    Thanks for any help on this.

    John

    This can depend on the design of the site as the content and page objects are used, the two should work as expected. Two widgets are compatible on all browsers and devices.

    If you can go with two options, my suggestion would be to create 2 pages with separate menu and then check and finalize.

    Thank you

    Sanjit

  • Menu mobile - sliding page reveals menu (like Gmail app) - how to?

    Hello

    I'm trying to understand how to make a menu that is similar to the way in which Gmail iPhone and Android app works.  It's very simple: it is the icon of menu typical mobile at the top.  When this icon is struck, the slides of current page right about 75 percent of the way, revealing a menu below.  The menu scrolls / slide up and down to display more choices that can display a screen.  When a menu choice is typed, the page who slipped away to the right slides in position with the newly selected page.  There is no submenus, just a long list of menu items.

    I have attached a picture to show this.

    I sure would appreciate some help on how to do this.  I searched and seen some tutorials, but can't get enough.  I'd be happy to buy a widget that does this.

    Thank you.

    John

    gmail-app-menu.jpg

    You can use those listed here:

    http://musewidgets.com/collections/all/menu

    Thank you

    Sanjit

  • issues of vertical accordion menu mobile Muse

    Adobe

    I have two problems with your mobile vertical menu accordion.

    1. the menu line up on the right side in the Accordion widget when it is in preview mode. X and y in design mode, the two align properly inside the accordion menu so I know that's not the issue. I have no boundaries placed on all items of the menu accordion. Is this a bug? Is there a solution? I use the latest version of Muse.

    2. based on my understanding, I think that the menu must be placed in the widget (on a master page) then when the menu is introduced in preview the accordion is closed, and when he opened the objects that are under the menu should all move down. I still have to accomplish all of this. It's also a bug or am I missing something?

    Please provide your file to the support team.

    #1 is related to the fact that the menu widget does not support the width of 100%, but in this case that is not really necessary since mobile browsers to scale to fit the width of the wider content.

    So, the solution in this case is to adapt the accordion not exactly to the width. Make a pixel wide and also bring up the menu inside the Panel a wider pixel. Because this will make the accordion not exactly matches the width of the browser will not be considered as 100% width. Instead, the browser dimensionnera it and the menu it contains, to the width of the unit.

    #2 is activated by turning off the option "Overlap in base units" in the accordion UI widget options.

  • Menu mobile MUSE?

    Hi everyone, motive menu, I used the accordion to use a drop-down list, but the only drawback is that I have to click on the banner at the top of the page and it goes down, I want to be able to link to an image, then when I press on this image, the menu comes down, any thoughts?

    You can add the picture as a fill in the accordion tag.

  • Lock Menu (Mobile)

    I downloaded a Qoo Qee widget to the menu. The problem is that I can not lock it. How can I display always?

    Hello

    Please try to move the object to the top on the layers panel, if you want to display the page above all element.

    Or if you want to fix the position and then pin the page object.

    Thank you

    Sanjit

  • Mobile menu does not display icon

    I started to make a reactive site in Muse so everything is perfect at the moment. I made a menu mobile using the Accordion widget and I had where I mean, but the icons do not appear on my browser. Don't know what the issue is. The menu here is because if I type the spaces where the fall of his supposed to be the menu down. I have attached the URL but I do not see how to attach the file to Muse, your help is appreciated. Thank you!

    jhodges11.aisites.com/UnitedEdge

    Just test it again, it works very well

    Justin Hodges Creative engineer 832.302.4939 iHiMedia.com https://www.behance.net/JHodges11

  • Menu toggle overlay/lack mobile

    Hey all,.

    I have difficulties to get the menu mobile of my site to display the mobile view menu bar.  It superimposes the twitter feed when you look at about 320 width/smartphone view.  The test site is: http://www.trolllordgames.com/indexva.html

    Relevant source code is:

    < script >

    {$(function()}

    Pull var = $('#pull');

    var menu is $("#Menu_ul').not ('.submenu');.

    var menuHeight = menu.height ();

    $(traction) .one ('click', Function {}

    e.preventDefault ();

    menu.slideToggle ();

    });

    $(window) .resize (function () {}

    var l = $(window) () .width;

    If (> 320 w & & menu.is (': hidden ')) {}

    menu.removeAttr ('style');

    }

    });

    });

    < /script >

    AND the style sheet:

    / * Clearfix * /.

    . Clearfix: before,

    . Clearfix: after {}

    content: "";

    Display: table;

    }

    . Clearfix: after {}

    Clear: both;

    }

    {.clearfix}

    * zoom: 1;

    }

    / * Basic styles * /.

    {of NAV

    Display: block;

    Width: 100%;

    min-height: 40px;

    height: auto;

    do-size: 0;

    do-family: ' PT without ', Arial, without serif.

    make-weight: bold;

    position: relative;

    margin: 0;

    color: #fff;

    background-color: #000000;

    text-align: center;

    }

    NAV ul {}

    padding: 0;

    margin: 0 auto;

    min-height: 40px;

    height: auto;

    }

    / * Only need to make a set of rules for nav li here * /.

    nav li {}

    text-align: center;

    / * This defines the inline-block elements, but also works in older versions of IE when fails inline-block * /.

    Display: inline-block; Zoom: 1; * display: inline;

    vertical-align: top;

    position: relative;

    Width: 100px;

    line-height: 40px! important;

    height: 40px! important;

    do-size: 11pt;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

    / * No need to reuse the float: left and display: block here - in fact it can spoil things later! */

    {li: hover NAV

    background-color: #993300;

    }

    / * Let's worry about the main nav first, then later, the subnav * /.

    NAV a {}

    color: #fff;

    / * All we need here is block since the li tags are inline-block for us * /.

    display: block;

    text-decoration: none;

    text-shadow: 1px 1px 0 #283744;

    }

    NAV a: hover, nav one: focus, nav a: active {}

    background-color: #993300;

    }

    / * An easier way to say that any link that comes after another link needs a left border * /.

    nav li + li {}

    border-left: 1px solid #576979;

    }

    {#pull}

    display: none;

    }

    NAV ul li {ul.submenu}

    min-width: 200px;

    display: none;

    position: absolute;

    z-index: 100;

    top: 40px;

    Left: 0;

    padding: 0;

    margin: 0;

    }

    NAV ul li: hover ul.submenu {}

    display: block;

    }

    .submenu li {}

    background-color: #455868;

    display: block;

    Width: 100%! important;

    }

    .submenu li a {}

    background-color: #456855;

    color: #fff;

    display: block;

    text-align: left;

    line-height: 20px;

    padding: 10px 25px;

    text-decoration: none;

    text-shadow: 1px 1px 0 #283744;

    border-right: none;

    border-bottom: 1px solid #576979;

    }

    .submenu a: hover, .submenu a: focus, .submenu a: active {}

    background-color: #993300;

    }

    / * Styles for screen 1000px and low * /.

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

    nav li {}

    do-size: 10pt;

    Width: 50%;

    }

    }

    / * Styles for screen 515px and low * /.

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

    {#pull}

    Display: block! important;

    line-height: 40px! important;

    height: 40px! important;

    do-size: 11pt;

    background-color: #000000;

    Width: 100%;

    position: relative;

    }

    #pull: after {}

    content: "";

    Width: 30px;

    height: 30px;

    position: absolute;

    right: 15px;

    Top: 10px;

    Background: url (.. /images/NAV-Icon.png) no-repeat;

    }

    NAV ul {display: none ;}}

    nav li {}

    do-size: 11pt;

    Width: 50%;

    border-left: 0! important;

    border-bottom: 1px solid #576979;

    }

    nav li a {}

    line-height: 20px;

    padding: 10px 25px;

    }

    }

    / * Smartphone * /.

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

    nav li {}

    Width: 100%;

    }

    {.submenu}

    min-width: 44px;

    Width: auto;

    right: 0;

    }

    }

    If someone has an idea, it would be greatly appreciated!  I tried everything I know with little or no results.  Thank you

    Tim

    I finally thought to it the menu in my stylesheet has a whole clear votes to zero, when she had to be set at a time.  Tim

Maybe you are looking for