Staff replied Helix Framework

modify meny

Asked by Stefano 4 years ago Last activity 4 years ago

hi, I'm customizing the template and I would like to know if it was possible:

place an image with menu written on the bugermenu;
when you open the window by clicking on the icon, I would like the background to be transparent by deleting the image I find. It's possible?

Thanks for your help

4 replies

Rashida Rahman Staff

4 years ago

Hi there!

Thanks for your query.

Can you give me a demo video illustrating the style you are talking about, please? I am not sure that I understand your requirement.

Best Regards

Stefano Asked this

4 years ago

hello, I'll post an image.
For point 1 I would like to add where I highlighted with the red color, a small image with some menu text. in such a way as to have icon and text.

For the second point, however, I would like that when you click on the menu icon, the background that opens in the window is transparent and not like the image I find

Stefano Asked this

4 years ago

hi, are there any solutions for this type of change?

Rashida Rahman Staff

4 years ago

Hi,

Sorry for the delayed response!

You have the offcanvas menu enabled for your smaller devices only, so if you use the below solution then you can see the effect on your mobile view.

You can use the following code in your custom CSS to get an text after your offcanvas menu:
```
a#offcanvas-toggler:after {
 content: "Menu";
 padding-left:5px;
}
```
You can easilly make your offcanvas menu background as transperant:
```
.offcanvas-menu {
 background: transparent !important;
}
```
Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

You can have a look into the Magnin template as well, this template has a modul menu there. You need to make the background a transparent, which can be done with a simple CSS.

https://www.joomshaper.com/joomla-templates/magnin

Best Regards