Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 16
  1. #1

    Default Mobile Navigation-Hamburger - need assistance

    Hello...I never did "get" how to make the hamburger navigation properly...and now I would like the "hamburger" background to be clear or translucent. Is that possible?

    Can someone make a video or give me explicit instructions so I can finally understand how to do this?

    I'm so sorry to ask...but a medical condition does hamper me sometimes in remembering and "getting" what others are saying that are technical. Video is always welcome or pictures...I know I'm a pain..but I REALLY APPRECIATE you and your patience with me.

    Here's the site I am presently working on...and it's ONLY the mobile version I need assistance with, PLEASE!

    Thanks you, always!

    https://www.makom.org/testing2022/

  2. #2
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,650

    Default Re: Mobile Navigation-Hamburger - need assistance

    Mazeltov Sue -

    I works fine for me.

  3. #3

    Default Re: Mobile Navigation-Hamburger - need assistance

    Quote Originally Posted by gwpriester View Post
    Mazeltov Sue -

    I works fine for me.
    Thanks GWpriester...but I want the background of the hamburger to be clear and it's white!

  4. #4
    Join Date
    Dec 2018
    Location
    Australia
    Posts
    1,921

    Default Re: Mobile Navigation-Hamburger - need assistance

    Select your hamburger icon, and:
    Utilities > Web Properties > Image (tab) > Web Image Type (radio button), choose PNG (Best For Graphics)

    The default is Let Xara Decide, and Xara always decides JPEG

  5. #5
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    961

    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:	68 
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

  6. #6

    Default Re: Mobile Navigation-Hamburger - need assistance

    Thanks, Chris M, tried it...nope did not work. It has a white rectangle with it. If I could start with just the hamburger and do it again, I'd try. But I don't remember how to do it...
    Quote Originally Posted by Chris M View Post
    Select your hamburger icon, and:
    Utilities > Web Properties > Image (tab) > Web Image Type (radio button), choose PNG (Best For Graphics)

    The default is Let Xara Decide, and Xara always decides JPEG

  7. #7

    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:	68 
Size:	115.6 KB 
ID:	132232

  8. #8
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    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

  9. #9
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    961

    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 05:24 PM.
    Gary
    www.initiostar.co.uk


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

  10. #10

    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

 

 

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
  •