Solved Templates

Changing the Off canvas Icon in Magnin Template

Asked by Petra 4 years ago Last activity 4 years ago

Hi,

is it possible to change the offcanvas menu icon in the Magnin Template from 2 to 3 bars like it is in other templates?

[https://prnt.sc/pNvjnmJcnF9P]

Thanks!

Accepted answer

Marked as the solution
Ofi Khan Staff
4 years ago

I have moved all your Custom CSS to templates/magnin/css/custom.css file. This is the correct CSS for your site. 

.burger-icon>span:nth-child(3) {
    display: block;
}
.offcanvas-active .burger-icon>span:nth-child(3){
    display: none;
}

6 more replies

Oldest first Newest first Most helpful
Ofi Khan Staff
4 years ago

Hello reklamewerkstatt

Please use this CSS to Template Options -> Custom Code -> Custom CSS

.burger-icon>span:nth-child(3) {
    display: block;
}
#modal-menu-toggler.active .burger-icon>span:nth-child(3){
    display: none;
}

Best regards

Petra Asked this
4 years ago

Hi Ofi,

thank you for your answer. Now I have 3 bars. Perfect!
But if the menu is active the 3th bar is still there. Even if I add !important.

[https://prnt.sc/ofJtFKqFafXd]

Thanks

Ofi Khan Staff
4 years ago

Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup with you before sharing.

Petra Asked this
4 years ago

Thanks!

Petra Asked this
4 years ago

Hi Ofi,

thank you for your help!

Ofi Khan Staff
4 years ago

You are welcome. Thanks for accepting the answer.

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on Joomla Extension Directory. This will inspire us to improve.

Log in to reply.