OFF CANVAS - Forum | JoomShaper
Solved Templates

OFF CANVAS

Asked by Marat Sadovnicov 5 years ago Last activity 5 years ago

Template FINION
https://www.potenad.com

1.How can i make off canvas menu font bigger?
2. Menu off canvas that appears on the right side not on the left ? Haw i can Change it ?
3. Make on off canvas Capital letters

MANY THANKS !!!

Accepted answer

Marked as the solution
Marat Sadovnicov Asked this

If everything works correctly!
Thank you very much for your quick response.

But why menu is some bold, others are not?

https://prnt.sc/1akateq ( Check it )

11 more replies

Ariba Staff

Hello

Thank you for your query & providing the administrative access, let me have a look.

Ariba Staff

Please use the following code in Custom CSS to make offcanvus fonts bigger and make them capital.

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    font-size: 1.3rem;
    text-transform: uppercase;
}

Let me know if that works :)

And could you explain your second question kindly for better understanding?

Marat Sadovnicov Asked this

About That
" And could you explain your second question kindly for better understanding? "

https://prnt.sc/1akbz3s

Ariba Staff

Please check now. I have replaced the code with this one -

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    font-size: 1.3rem;
    text-transform: uppercase;
}
Ariba Staff

Please use these codes in the Custom CSS. The offcanvus menu will appear from left side.

body.ltr.offcanvs-position-right .body-wrapper {
    left: 0;
}
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    left: 300px;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    left: 0;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    left: -300px;
}
body.ltr .close-offcanvas {
    left: -40px;
}

Let me know if that works for you now

Marat Sadovnicov Asked this

AMAZING !!! Lovly Jobly !

Just 1 Think

https://prnt.sc/1ake0c7

Second level of font.
Haw i can mage is bigger is well?

Ariba Staff

Please use this code for the second level. It should work now

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    font-size: 1rem;
}
Marat Sadovnicov Asked this

Magnificent!!!
Thank you very much for your QUICK response!
!!

Ariba Staff
5 years ago · edited

You are most welcome, i am happy i could be of service.

Ariba Staff

Have a great day and stay safe

Log in to reply.