Change the Bravada hamburger menu to text?

  • Author
    Posts
  • #116932

    Creating this new topic as the only related one refers to removal of the hamburger menu. I love this Bravada theme, the more I get used to its features the more I realise how customisable it is. Is there a way via CSS code to change the 3 lines for the hamburger menu to show text e.g. ‘A to Z’ ? by default the menu opens and the site pages are displayed in a-z format which I love.

    Any help would be much appreciated.

    the website is in development and is a clients so cant share it at present.

    #117396
    Zed
    Cryout Creations Team

    Hi,

    You can try the following CSS:

    body .hamburger { 
        width: 50px; 
    }
    body .hamburger::after {
        content: "A to Z";
        font-weight: bold;
    }
    body .hamburger span {
        display: none;
    }

    but I’m not sure how you expect this tweak to look.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #117473

    Hi Zed, this has had no affect whatsoever on the hamburger menu. I’m not sure how this will look either but the client wants me to try it. Is there another option to try?
    Regards
    Chris

    #117512
    Zed
    Cryout Creations Team

    Are you sure you applied the CSS correctly?
    It should at least remove the 3 horizontal lines from the toggler if not also display “A to Z” in some mangled way.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #117521

    My fault, Just spotted an error with a code line I had before this CSS. It’s sorted now thank you that worked.
    Appreciate your time.

Viewing 5 posts - 1 through 5 (of 5 total)

You need to log in to reply to this topic.