Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #234818
    futurehelp
    Participant

    Hey guys!

    I can change the #menu-toggle font-size but I am trying to increase the size of the 3 lines contained in the hamburger menu.

    Thanks so much!
    Drew

    #234826
    Skandha
    Participant

    @futurehelp: Hello Drew,
    Please post in your site URL so that I can look into the issue.

    Kind Regards,
    Skandha

    #234827
    futurehelp
    Participant

    Hey Skandha!

    Thanks for the quick response. Here is my site URL:

    vizzi.vip

    Thanks!
    Drew

    #234856
    Skandha
    Participant

    @futurehelp: Hello Drew,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #menu-toggle .icon.icon-bars {
        font-size: 20px;
    }

    You can change the font size according to your requirement.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #234871
    futurehelp
    Participant

    Ah I was so close. It worked like a charm! Thanks so much 🙏

    #234872
    futurehelp
    Participant

    Any idea how to do the X after clicking? It remains the same size…

    Thanks!

    #234894
    Skandha
    Participant

    @futurehelp: Hello Drew,
    Replace the above CSS Code I provided you by the following.

    #menu-toggle .icon.icon-bars, #menu-toggle .icon.icon-close {
        font-size: 20px;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Change the size of the Hamburger Menu’s 3 lines on Mobile’ is closed to new replies.