Size of hamburger icon from the mobile menu

  • Resolved rod

    (@nomadarod)


    3 years, 9 months ago

    Hi,

    Is it possible to change the size of the hamburger icon from the mobile menu in accordance to the screen size? When on a large screen it becomes disproportionate with the rest.

    Thanks in advance,
    Rod

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Good plan!!!

    Try adding this CSS to “Customizer – Additional CSS” …

    .menu-button-container .button.button .dropdown-icon.open .svg-icon {
width: 24px;
height: 24px;
}
@media only screen and (min-width: 482px) {
.menu-button-container .button.button .dropdown-icon.open .svg-icon {
width: 36px;
height: 36px;
}
}
@media only screen and (min-width: 822px) {
.menu-button-container .button.button .dropdown-icon.open .svg-icon {
width: 48px;
height: 48px;
}
}

    … changing the values of px to those you require and let me know if it works for you?

    If it does we’ll add a slider for this.

    Kind regards,

    Oliver

    Thread Starter rod

    (@nomadarod)

    Worked great! I like the values as they are also. Thank you!

    cheers
    Rod

    Plugin Author Oliver Campion

    (@domainsupport)

    Awesome! I’ll get a slider built to control this from within the plugin ??

    Oliver

    Plugin Author Oliver Campion

    (@domainsupport)

    Just to update this thread, there is now a slider in the plugin to modify the size of the hamburger menu icon on larger screens.

    Oliver

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Size of hamburger icon from the mobile menu’ is closed to new replies.