- This topic has 13 replies, 3 voices, and was last updated 3 years, 2 months ago by Leo.
-
AuthorPosts
-
January 12, 2021 at 2:03 pm #1616309jr
Hello,
How can the hamburger button be displayed before the primary menu, currently it gets placed after the cart button.
thank you,
January 12, 2021 at 3:04 pm #1616343YingStaffCustomer SupportHi JR,
I don’t quite understand your issue here. The default Prime mobile view looks like this:
https://www.screencast.com/t/Yr0gYEJkTjh5
Are you seeing it differently?Let me know ๐
January 13, 2021 at 8:23 am #1617340jrHello,
In desktop view, it appears after the cart button.
How can it be set before the primary menu in desktop view?
thank you
January 13, 2021 at 12:40 pm #1617612LeoStaffCustomer SupportWe will need to see the page in question to be able to assist.
Can you provide that in the private info field?
Thanks!
January 13, 2021 at 1:30 pm #1617678jrThis is what we are trying to accomplish:
https://i.postimg.cc/nzgVKszR/GP-20210113-hamburger.pngthank you
January 13, 2021 at 2:48 pm #1617735LeoStaffCustomer SupportWe will need to see the page in question to be able to assist.
Can you provide that in the private info field?
Thanks!
January 13, 2021 at 3:50 pm #1617794jrHi Leo,
more details sent.January 13, 2021 at 5:25 pm #1617832LeoStaffCustomer SupportI went to our default Prime install and activated the off canvas menu for both desktop and mobile and this is what I see:
https://www.screencast.com/t/XYt5VtBZSlI don’t really want to provide my IP in a public forum here. Can you start a staging site so I can view the issue quickly?
Or we can revisit the issue once the site is live – should be an easy fix once we have something to look at.
January 13, 2021 at 7:10 pm #1617883jrHi,
using your example of default Prime:
https://i.postimg.cc/Hn9fT2n7/GP-20210113-hamburger-2.pnghow can the hamburger icon be move before the primary menu (before the Tshirt category)
thank you
January 13, 2021 at 8:27 pm #1617913LeoStaffCustomer SupportAhh sorry I misunderstood your question.
The easiest way is actually to add the toggle as a custom link menu item in the menu.
Use
#
as the URL field.This would be the navigation label:
<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>
Then add
slideout-toggle
as the CSS class.January 14, 2021 at 1:31 pm #1619089jrThis adds the hamburger before the Tshirts category, but the “default” hamburger still appears after the shopping basket… how can the default hamburger be removed in the desktop now that its been added to the menu per your code?
Thank you for all your help.
January 14, 2021 at 1:40 pm #1619095LeoStaffCustomer SupportTry this CSS:
.menu-bar-items .slideout-toggle { display: none; }
Adding CSS: https://docs.generatepress.com/article/adding-css/
January 14, 2021 at 4:04 pm #1619185jrperfect. thank you.
January 14, 2021 at 5:19 pm #1619258LeoStaffCustomer SupportNo problem ๐
-
AuthorPosts
- You must be logged in to reply to this topic.