Moving hambiurger menu on the mobile phone view

  • Unknown's avatar
    mittalpratham04 · Member ·

    Hello,

    I am trying to move the hamburger menu to the right of the page for my site in mobile view. the site is https://instaagig.com/. Can you help me with this please??

    The blog I need help with is: (visible only to logged in users)

  • staff-totoro · Staff ·

    Hi there,

    Yes it is possible to use custom CSS to control this behavior on mobile only. Please try the following code, which worked well in our tests.

    /* make menu appear after the call to action button on mobile devices */
@media screen and (max-width: 600px) {
	.wp-block-template-part .wp-block-cover .wp-block-image + .wp-block-group {
		flex-direction: row-reverse;
	}
}

    You can add that here, under the Additional CSS tab on the left:
    https://wordpress.com/customize/

    Hope that helps. Please let us know if you have any more questions.

  • Unknown's avatar
    mittalpratham04 · Member ·

    Thank you for your answere but unfortunaltely upon adding the additional css it is still not shifting the burger menu to right of the coming soon button.

  • staff-totoro · Staff ·

    Hmm… this has been working for me without issue. I can see it now if I visit your site in mobile:

    Do you have this issue if you check a few different devices (or have someone else check on their device) to see if this is possibly specific to a given device and/or browser?

    Also, if I can make a suggestion, things get rather crowded on mobile due to the Coming Soon button in the header (that is visible lower on the page closer to your thumb anyway) so it may be worth trying to hide that button on mobile. The code is much simpler and more foolproof, and without the button the hamburger menu will default to the right as well as conserve more space for your logo and branding.

    If you are interested in that option let us know!

  • Unknown's avatar
    mittalpratham04 · Member ·

    Hello, Thanks for the suggestion i will surely look into it and yes now it is working thanks a lot for the solution. It wasn’t visible that way when i was previewing in wordpress editor on desktop. Thanks a lot for your solution.

  • Unknown's avatar
    mittalpratham04 · Member ·

    Thanks for your assistance once again.

  • The topic ‘Moving hambiurger menu on the mobile phone view’ is closed to new replies.