Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How can I detach the hamburger menu from logo in Helix Ultimate?

Featured Lock Resolved Issue
I need to move the hamburger menu to either the left of the "Home About Contact" nav items or to a location a little below the "Home About Contact" navigation (possibly overlaying what will be the slider). However, it seems the hamburger icon is tied to the logo.

How do I detach the hamburger menu toggle icon from the logo and place it wherever I want on the page??

Screen Shot 2018-12-05 at 10.01.00 AM.png

Attachments (1)

  • Screen Shot 2018-12-05 at 10.01.00 AM.png
    Screen Shot 2018-12-05 at 10.01.00 AM.png 33.6 KB

4 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
what for you need [=] mobile menu icon on desktop view? Just disable it from settings, less problems & save time.

Tip how to create a custom header with your owns positions you will find in Helix Ultimate Manual, there is also video clip.

footlev

More than a month ago #Permalink
Hi,
what for you need [=] mobile menu icon on desktop view? Just disable it from settings, less problems & save time.

Tip how to create a custom header with your owns positions you will find in Helix Ultimate Manual, there is also video clip.


This is part of the design scope. We're wanting a "mobile" menu icon to be visible always. It will contain the majority of the site links. The site design will be clean and simple so we can have the rest of the page funnel traffic via content blocks we will be creating for each page.

This is the header design concept I need to try and reproduce. I'm not concerned about getting the [=] mobile icon down into the slider area but would like to get the logo to look like this design concept...

Screen Shot 2018-12-05 at 12.27.03 PM.png

Below is what I have so far... I'm happy with the hamburger menu to the left but I accomplished this with a little custom CSS "margin-left:-50%". Not happy with doing it that way. Maybe there's a better method? Also, logo isn't centered and I'm not sure how to get it to "pop" out from the header bar like the design concept above.

Screen Shot 2018-12-05 at 12.28.41 PM.png

Attachments (2)

  • Screen Shot 2018-12-05 at 12.27.03 PM.png
    Screen Shot 2018-12-05 at 12.27.03 PM.png 76.9 KB
  • Screen Shot 2018-12-05 at 12.28.41 PM.png
    Screen Shot 2018-12-05 at 12.28.41 PM.png 32.7 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Thanks for new screenshot, now is clear.
Sorry but it's not so easy. But should be possible. I cannot do it for you. But maybe my tips will help you

On your place I would:
Create Custom Header with structure

top1(4) | top2 (4) | top3 (4) - top
menu (4) | logo (4) | search (4) - header

top1 - with menu module
top2- empty
top3 - login module (with customization, or ready module which needed appearance)
menu - with set offcanvas menu display only
Logo - logo image
search - search module


Of course it request some custom CSS


It's only theoretical project, which may (or may not) work

footlev

More than a month ago #Permalink
Thanks for the tips. They've helped, and I've gotten close, but I'm still having issues with the mobile "hamburger" menu.

Is there any way to disassociate it from the logo?

That is the main cause of the issues I'm having. It's tied to the logo for some dumb reason. Ideally, the mobile "hamburger" menu should be it's own thing that we can place where ever we want.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 146
Sifat

Sifat

Total Accepted Answers: 89
Toufiq

Toufiq

Total Accepted Answers: 49
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2
ES

Emma Seymour

Total Accepted Answers: 1

116

Templates

298909

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us