OFF CANVAS - Question | JoomShaper

OFF CANVAS

Marat Sadovnicov

Marat Sadovnicov

Template 4 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 !!!

0
12 Answers
Marat Sadovnicov
Marat Sadovnicov
Accepted Answer
4 years ago #24486

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 )

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #24477

Hello

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

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #24485

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?

0
Marat Sadovnicov
Marat Sadovnicov
Accepted Answer
4 years ago #24487

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

https://prnt.sc/1akbz3s

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #24488

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;
}
0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #24489

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

0
Marat Sadovnicov
Marat Sadovnicov
Accepted Answer
4 years ago #24490

AMAZING !!! Lovly Jobly !

Just 1 Think

https://prnt.sc/1ake0c7

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

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #24491

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;
}
0
Marat Sadovnicov
Marat Sadovnicov
Accepted Answer
4 years ago #24492

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

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #24493

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

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #24494

Have a great day and stay safe

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #24520

Please do let me know if you have any other query, i am happy to help :)

If there is no other query, kindly accept my most useful answer in order to resolve the post.

Thank you

0