Solved Helix Framework

Change request for mobile 'Hamburger' position and style

Asked by Phillip Gailinas 4 years ago Last activity 4 years ago

Using Helix Ultimate 2.0.7 on Joomla 4.1.0.
I have two requests:

I would like to place the mobile menu 'hamburger' in the center of the screen instead of right or left.
I would like to replace the 'hamburger' with an image of my choice (appropriate size of course).

If this has already been described in a document or discussed in the forums, a link would be appreciated.

Thanks in advance.

Accepted answer

Marked as the solution

Phillip Gailinas Asked this

4 years ago

To place the hamburger in the center of the page, I used:

.justify-content-end {
justify-content: center !important;
}

To place a wider image where the hamburger is (this placed the image over the hamburger):

.burger-icon {
width: 80px;
background: url(../images/menu-text_80x26.png) ;
cursor: pointer;
}

Since I was using a transparent image, I needed to also remove the hamburger visibility:

.burger-icon>span {
background-color: transparent;
}

Still have an issue with the offcanvas close but I'll get to that later.

3 more replies

Pavel

4 years ago

Hi. There is not options for this. It can be done only via css if you have skills.

Mehtaz Afsana Borsha Staff

4 years ago

Sorry, there is no default feature like this, you can do this via custom CSS. But you have to customize it yourself because I am sorry to say that we do not provide customization support.

Hope you understand.

-Regards.

Mehtaz Afsana Borsha Staff

4 years ago

Thanks for sharing the solutions with us.Glad to know that you have fixed the issue.

-Regards.