Humberger Menu

Humberger Menu

gyran619
Tourist
23 0 2

Hello brother need help how can this 2nd part navigation become into hamburger menu 

 

photo_2024-09-24_03-48-36.jpg

Replies 6 (6)

kaalTechGeeks
Shopify Partner
317 59 80

Hey @gyran619,

I see that you need this custom menu inside the hamburger menu drawer. Here a good amount of knowledge is required for Shopify liquid and Css. As you will need to remove code from certain files and move to the drawer file. 

So I think it would be better if you hire a Shopify Developer who can help you with this. I can also help you built this. You can contact me through any of the social media channels which you will find below this message or can even send me a direct private message.

Thanks & Regards,
KaalTechGeeks

- If my answers saved you time and headaches, consider buying me a coffee!
- Check my profile: KaalTechGeeks | Reach out to me on my socials - Instagram | Skype | Mail
- Was my reply helpful? Click Like to let me know! & if your question was answered, Mark it as an Accepted Solution!
gyran619
Tourist
23 0 2

No need to hire brother thank you because i know what i am doing but i need only a suggestion or a solution regarding on this part

kaalTechGeeks
Shopify Partner
317 59 80

Cool! No problem Buddy. 

I also took a look at the approach suggested by @swym. It looks good, you can follow that to implement the layout, and just drop a message here if you are stuck at any point. I'll be happy to help you. 

 

Best Regards,

KaalTechGeeks

- If my answers saved you time and headaches, consider buying me a coffee!
- Check my profile: KaalTechGeeks | Reach out to me on my socials - Instagram | Skype | Mail
- Was my reply helpful? Click Like to let me know! & if your question was answered, Mark it as an Accepted Solution!

swym
Pathfinder
120 24 53

Hey @gyran619

 

To implement this custom navigation inside the drawer, you can follow the below general steps that any developer would take:

  1. Locate the source file where the custom navigation code has been added.
  2. Copy the code for the custom navigation and then paste the code inside the navigation drawer file in a place where you want it to show(since I don't know what exactly file name your theme has, you have to look for it). If you can locate the liquid objects for the navigation, even better—that will make things more seamless.
  3. Add your custom CSS for the navigation on the drawer. 
  4. If you copy-pasted the entire navigation code, ensure that the desktop navigation is hidden for the mobile device and vice-versa for the desktop using CSS media queries.  

These steps are a general outline of what a developer would do. The process can get a bit complex depending on your theme's structure, but if you feel comfortable with the code, it’s certainly doable!

 

Also please make sure to duplicate your current live theme and make changes to the duplicate theme, instead of making changes to the live theme. 

 

I hope this helps! 

 

Regards, 

Abhishek from Swym

- Appreciate the assistance. Show your approval with a Like! And when your question finds its answer, seal the deal by marking it as an Accepted Solution!
- Our Solutions: Wishlist Plus | Swym Back in Stock Alerts | Swym Gift Lists and Registries
gyran619
Tourist
23 0 2

Please help me guys because i need only these function and my web is now finished

swym
Pathfinder
120 24 53

Hey @gyran619

 

I understand that this task can be tricky, especially if you're not familiar with development. What @kaalTechGeeks suggested earlier is spot on—if you're not a developer, it might be best to consider hiring one. Without access to your theme's files, no one can offer an exact solution, and that's why external help is often necessary.

 

One thing I want to assure you of is that this is not a highly complex task, so the cost of hiring someone shouldn’t be too high. If you have a developer, they should be able to handle this for you. Otherwise, looking for assistance from a Shopify Expert or other forum could be a good option.

 

At the end of the day, getting external help is part of the process, especially when it comes to customizations that require coding expertise.

I hope this clears things up and helps you move forward!

 

Regards, 

Abhishek from Swym

- Appreciate the assistance. Show your approval with a Like! And when your question finds its answer, seal the deal by marking it as an Accepted Solution!
- Our Solutions: Wishlist Plus | Swym Back in Stock Alerts | Swym Gift Lists and Registries