Can I change the position of the hamburger menu in the mobile version?

Home Forums Modern Can I change the position of the hamburger menu in the mobile version?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #22053
    Chris18
    Participant

    Can I change the position of the hamburger menu in the mobile version?

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    Hi, I’m in the process of designing a site for a local artist. When I view the site on my android phone, the hamburger symbol for the menu is in the centre bottom of the screen. This impinges on content. Is it possible to move it to the more normal top right hand corner?
    Thank you.

    #22061
    Oliver Juhas
    Keymaster

    Hi Chris18,

    The position of mobile navigational menu was chosen for better accessibility, so a user can easily reach the menu button when controlling the mobile device with one hand only. If you would like to move the mobile menu button to top right, please use this custom CSS:

    @media only screen and (max-width: 54.9375em) {
    	.menu-toggle {
    		left: auto;
    		right: 0;
    		bottom: auto;
    		top: 0;
    	}
    }

    Tip: Try using your web browser code inspector to determine the CSS for your theme modifications.

    Best regards,

    Oliver Juhas
    WebMan Design

    #22086
    Chris18
    Participant

    Thank you, this worked a treat!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.