Welcome to TalkGraphics.com
Results 1 to 10 of 16

Hybrid View

  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
    40,661

    Default Re: Mobile Navigation-Hamburger - need assistance

    Mazeltov Sue -

    I works fine for me.
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook






  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,414

    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

    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

  6. #6
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    856

    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:	20 
Size:	115.6 KB 
ID:	132232
    Gary
    www.initiostar.co.uk


    Xara Pro X 19.0.0.64291 May 3 2022

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

  8. #8
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    15,478

    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 and active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
    Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Magix; Xara Cloud+/Pro+

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

    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 Pro X 19.0.0.64291 May 3 2022

 

 

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
  •