Welcome to TalkGraphics.com
Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 21
  1. #11
    Join Date
    Feb 2014
    Location
    Toronto, Canada
    Posts
    792

    Default Re: Mobile Navigation Menu

    Hi Egg, I tried your hamburger-menu navbar and the menu on page 1 (home page) was not working whereas the page 2 and 3 were, so I looked at the layers gallery for page 1 and noticed that the navbar group was on the pasteboard background layer, so I moved it to the mouse off layer and all is good. Thank you for the sample

    Ciao

    Roly

  2. #12
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Mobile Navigation Menu

    Sorry Roly, but it wasn't. Try the download again
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  3. #13
    Join Date
    Feb 2014
    Location
    Toronto, Canada
    Posts
    792

    Default Re: Mobile Navigation Menu

    Hi Egg, just tried it again and get the same result. I am talking about the .web file in post #10

    Ciao

    Roly

  4. #14
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Mobile Navigation Menu

    How odd. I've downloaded it three times now and it works fine and all the buttons are on the mouse-off layers.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  5. #15
    Join Date
    Feb 2014
    Location
    Toronto, Canada
    Posts
    792

    Default Re: Mobile Navigation Menu

    Hi Egg, indeed very odd, I made a copy and here it is in the attachment

    Ciao

    Roly
    Attached Files Attached Files

  6. #16
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Mobile Navigation Menu

    Odder still. Your attachment has all buttons and text on the mouse-off layer on all three pages!!!
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  7. #17
    Join Date
    Feb 2014
    Location
    Toronto, Canada
    Posts
    792

    Default Re: Mobile Navigation Menu

    Hi Egg, get ready for this, I tried it on a different computer and all is good, wow!!! need to move on but there is one difference between each computer, the computer that reads the file ok is a 64 bit while the one that was reading a problem is a 32 bit, this is out of my league

    Ciao

    Roly

  8. #18
    Join Date
    Dec 2017
    Posts
    17

    Default Re: Mobile Navigation Menu

    Quote Originally Posted by gwpriester View Post
    If you're creating a menu for mobile devices you don't have to worry about mouse over. Create a layer, call it menu, then create individual buttons that link to your pages.

    Create the three horizontal rectangles icon for the menu and add that to the mouse off layer and link the icon to the menu layer. When the visitor taps the menu icon, the menu layer appears.

    Attached is an example.
    Great menu method and just what I am looking for. I ran it and then created all the pages (5) but I cannot seem to get it to work on the other pages I figured I should copy and paste the menu bar icon to each page rather than repeat it. The I coppied the menu layer to each page and assigned each link but it doesn't like it spurious things are happening. Am I supposed to be creating a Navigation menu using the Tool? Perhaps you could put a version up with an extra page linked to the menu so I can work it out please. I am using Xara Web Designer Premium 16.2.0.56957 DL x64 Jun 5 2019

  9. #19
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,486

    Default Re: Mobile Navigation Menu

    badgersurfer - I think you need to create the pages first. Then create your menu on a new layer, and link the buttons.

    Then select all the buttons, right click, and Repeating > Repeat on All Pages.

    In my example, I have placed a pale gray rectangle behind the buttons to hide the content under the buttons. The rectangle can be the same color as the page and it can also have some transparency.

    Make sure the button text is grouped with the button shape.
    Attached Files Attached Files

  10. #20
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    947

    Default Re: Mobile Navigation Menu

    You may find the examples here helpful for the future; the principle uses 'same style buttons' across desktop and mobile variants The XAR example (16.2 : 64bit) uses the new Web Export option of 'Scale-to-Fit Width' to smooth the transition between the desktop and mobile variants.

    I use the example XAR to test different options before implementing them on a target site. For simplicity though, 'Mobile web II' in the above post might be the best first time option.

    Gary
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Mobile Menu Examples.jpg 
Views:	145 
Size:	102.4 KB 
ID:	124421  
    Attached Files Attached Files

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •