Change Request For Mobile 'Hamburger' Position And Style
Phillip Gailinas
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.
Phillip Gailinas
Accepted AnswerTo 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.
Pavel
Accepted AnswerHi. There is not options for this. It can be done only via css if you have skills.
Mehtaz Afsana Borsha
Accepted AnswerHi
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.