Welcome to TalkGraphics.com
Results 1 to 4 of 4
  1. #1
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    1,013

    Default CSS question regarding menu generator

    I have a question regarding the code generation. As @acorn said, if the placeholder width is small enough the code generator will bring about a hamburger icon for the phone variant.

    My hamburger icon has to be white. Where might I find the color in the code; body or css, or perhaps JavaScript.

    Thanks everyone
    -Bill
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

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

    Default Re: CSS question regarding menu generator

    Hi Bill. It appears that the hamburger icon colour is set by the Top Menu font colour. So to change the hamburger to white you need to set your Font Colour to white.

    I find the icon is on the mean side size wise but I don't think you can change this.

    I sent you a PM, did you get it?
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	export.png 
Views:	29 
Size:	44.1 KB 
ID:	134615  
    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. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,827

    Default Re: CSS question regarding menu generator

    @Bill & @Egg

    The CSS code for the Hamburger is:
    #menu label:before {
    font-size: 1.6em;
    color: #FFFFFF;
    content: "\2261";
    margin-left: 20px;
    }
    You can change the colour, the font size and the symbol.

    @Bill, a previous ask. You mention there was a 800px wide limit.
    I didn't experience it but the CSS that does control the Variant switch-over is:
    @media screen and (max-width: 800px){ ... }.

    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
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    1,013

    Default Re: CSS question regarding menu generator

    Quote Originally Posted by Egg Bramhill View Post
    Hi Bill. It appears that the hamburger icon colour is set by the Top Menu font colour. So to change the hamburger to white you need to set your Font Colour to white.

    I find the icon is on the mean side size wise but I don't think you can change this.

    I sent you a PM, did you get it?
    Thanks Egg, but I got the video and your couple of demos. Thanks for that reply. That being the case should be no problem.
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

 

 

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
  •