Arrow To Open Submenu Item In The Offcanvas Position Not Displayed - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Arrow To Open Submenu Item In The Offcanvas Position Not Displayed

G

gemmajoom

Template 3 years ago

Barber Template, Joomla 4 last version.

In mobile menu in offcanvas position it is not displayed the arrow to open submenu item.

Submenu items module is correctly set to Show. The menu item type is selected as url and i put a hash(#) in the URL field.

0
5 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #70984

Hi,

Sorry about that.

Please use the following code in your custom CSS:

.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler{
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}

Hope this will serve your purpose!

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #70658

Hi there!

Sorry for the inconvenience.

Please use the following code in your custom CSS:

body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler {
    right: 0px;
}

Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Please enable the font awesome within the Advanced tab of the Template Options to get the down arrow icon displayed correctly. Here is a screenshot for your ease: https://prnt.sc/ysmim0X_Kvfr

Best Regards

0
G
gemmajoom
Accepted Answer
3 years ago #70713

Ok for custom CSS, but I don't view the arrow, I have not "Font Settings" in "Advanced" tab... https://ibb.co/McQNk5L

0
G
gemmajoom
Accepted Answer
3 years ago #71028

Ok, thanks

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #71263

You are always welcome:)

0