[Support request] Hamburger menu left side of logo

Home Forums Support [Support request] Hamburger menu left side of logo

Home Forums Support Hamburger menu left side of logo

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2171359
    Mårten

    Hi,

    I’m trying to get the hamburger menu placed on the left side of the logo instead of the right one as it is now. I want it to be on the left side on both desktop and mobile.

    I use a code to display the logo in the center of the menu, which works great. But as I said, I want the hamburger menu to be placed on the left instead of the right.

    Do you have a solution for that? 🙂

    Thanks!

    #2171373
    David
    Staff
    Customer Support

    Hi there,

    the heart icon and the search box – can you add them to the site using a Hook ( or Block ) Element – they need to go in the generate_menu_bar_items hook.

    That way all the elements are in the same container and can be moved around.

    #2171910
    Mårten

    Hi,
    If I place the search box and the heart icon via Element. Can I then choose where the hamburger menu should be located? How do I place the burgers icon on the far left?

    #2171916
    Fernando
    Customer Support

    Hi Marten,

    To confirm, by “far left” do you mean moving it here?: https://share.getcloudapp.com/v1ugNnoj

    If so, can you try creating a Hook Element with this code inside:

    <span class="menu-bar-item slideout-toggle hide-on-mobile has-svg-icon"><a href="#"><span class="gp-icon pro-menu-bars">
    				<svg viewBox="0 0 512 512" aria-hidden="true" role="img" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em">
    					<path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z"></path>
    				</svg>
    			</span></a></span>

    Then, hook it to generate_before_logo and display it in your Entire site as such: https://share.getcloudapp.com/P8u1kD0G

    If you’re referring to a different location like: https://share.getcloudapp.com/lluE98j0, kindly let us know.

    Hope to hear from you soon. 🙂

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