Welcome to TalkGraphics.com
Results 1 to 10 of 16

Hybrid View

  1. #1
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    953

    Default Re: Mobile Navigation-Hamburger - need assistance

    Quote Originally Posted by SueB View Post
    Thanks GWpriester...but I want the background of the hamburger to be clear and it's white!
    Sue, I can see the issue on my mobile; you may have grouped the icon with a white rectangle? You could just use a shape group for the icon or select the menu symbol.

    Click image for larger version. 

Name:	Hamburger Icon.jpg 
Views:	47 
Size:	115.6 KB 
ID:	132232
    Gary
    www.initiostar.co.uk


    Xara Designer Pro+ and Xara Designer Pro X 19.0.1.65946 DL x64 Feb 7 2023

  2. #2

    Default Re: Mobile Navigation-Hamburger - need assistance

    Initiostar, ding ding ding, you are correct! Now, if I could understand what you are saying...sigh...I have no idea what you mean.
    Quote Originally Posted by Initiostar View Post
    Sue, I can see the issue on my mobile; you may have grouped the icon with a white rectangle? You could just use a shape group for the icon or select the menu symbol.

    Click image for larger version. 

Name:	Hamburger Icon.jpg 
Views:	47 
Size:	115.6 KB 
ID:	132232

  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,880

    Default Re: Mobile Navigation-Hamburger - need assistance

    Sue, a Xara NavBar needs a Group of a Shape with some Text.

    Open the Text Tool.
    Click on your design.
    Pick Insert > Symbol > Search: Hamburger.

    Create a similar-sized blob - a square Box will do.
    Make it any Colour Fill, different to your Hamburger symbol.
    Put it underneath your Hamburger.

    Group both.
    Right-click and pick Create Navigation Bar.
    Make the Box have No Fill.

    Double-click the Hamburger.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  4. #4

    Default Re: Mobile Navigation-Hamburger - need assistance

    Acorn, great instructions...I got to the part about right click and there is no option to pick "create navigation bar."
    Did I miss a step..when you say open text too, I did that..was I supposed to type something? I just made a square and then followed your instructions to grab the hamburger under "symbol."

    Quote Originally Posted by Acorn View Post
    Sue, a Xara NavBar needs a Group of a Shape with some Text.

    Open the Text Tool.
    Click on your design.
    Pick Insert > Symbol > Search: Hamburger.

    Create a similar-sized blob - a square Box will do.
    Make it any Colour Fill, different to your Hamburger symbol.
    Put it underneath your Hamburger.

    Group both.
    Right-click and pick Create Navigation Bar.
    Make the Box have No Fill.

    Double-click the Hamburger.

    Acorn

  5. #5
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,880

    Default Re: Mobile Navigation-Hamburger - need assistance

    Sue, two separate actions here.

    In using the Text tool, you are inserting the Hamburger as a font character.
    The Box is another step.

    Then you group together.
    The NavBar can then be made.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  6. #6
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,880

    Default Re: Mobile Navigation-Hamburger - need assistance

    Sue, here is a worked example:

    Xara - Hamburger NavBar with submenus.xar

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  7. #7

    Default Re: Mobile Navigation-Hamburger - need assistance

    Acorn, tears of joy...thank you so much. I think where I went wrong was that the right click was not there to create the nav bar..but it certainly is there under arrange!

    I really can't thank you enough. Your example did it for me...I really do have tears...
    Thank you thank you thank you!

    And for those that tried to help me, I appreciate you too!
    Quote Originally Posted by Acorn View Post
    Sue, here is a worked example:

    Xara - Hamburger NavBar with submenus.xar

    Acorn

  8. #8
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    953

    Default Re: Mobile Navigation-Hamburger - need assistance

    Quote Originally Posted by SueB View Post
    Initiostar, ding ding ding, you are correct! Now, if I could understand what you are saying...sigh...I have no idea what you mean.
    Sue, follow Acorn's advice in the above post. I had not spotted you were using a standard Xara Navbar (poor form from me!). In Acorn's instructions, you can make the square background box 99% transparent if you wish, but might be better overall with a natural colour. Sue22_Hamburger_2_Icon.xar

    Attached has an example output from Acorn's instructions.

    Hopefully this works,
    Last edited by Initiostar; 21 June 2022 at 04:24 PM.
    Gary
    www.initiostar.co.uk


    Xara Designer Pro+ and Xara Designer Pro X 19.0.1.65946 DL x64 Feb 7 2023

 

 

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
  •