RTL languages and Symbol Canvas Menu

SupportRTL languages and Symbol Canvas Menu
AvatarLesia Venzyk asked 4 weeks ago

LT _ ComUser
When a template is used with RTL languages (for example, with Arabic uniteg) at low screen resolutions (for example, on a smartphone), the Canvas Menu symbol is right aligned. Thereby superimposed on the logo.
On HD resolutions – everything is fine: the Canvas Menu symbol is left aligned.
Where to fix?

5 Answers
KelvinKelvin Staff answered 4 weeks ago

Can you send me your site URL to check?

AvatarLesia Venzyk replied 4 weeks ago

For example: https://test.cyb.center/ar/

And one more question.
Is it possible that when RTL offcanvas menu appears near the left edge of the screen?

KelvinKelvin Staff answered 4 weeks ago

Hi,
1/ Open file ‘default.css’, line 114
#sp-menu {
position: absolute!important;
right: 0;
top: 35px;
}

and replace to
#sp-menu {
position: absolute!important;
left: 0;
top: 35px;
}

2/ This change need a lot of change with custom work, so consider about it if it’s really useful for your case. Otherwise, you can order custom work for your issue at https://ltheme.com/custom-work/

AvatarLesia Venzyk answered 4 weeks ago

It’s OK. Thank’s.

KelvinKelvin Staff replied 4 weeks ago

You’re welcome!

AvatarLesia Venzyk replied 4 weeks ago

Excuse me.
Solving an RTL problem we create a problem in LTL.
At low screen resolutions for Arabic, the Canvas Menu symbol no longer overlaps the logo.
https://test.cyb.center/ar/

But with this solution, at low screen resolutions, the Canvas Menu symbol is superimposed on the logo with LTL
https://test.cyb.center/ru/
or
https://test.cyb.center/en/

KelvinKelvin Staff replied 3 weeks ago

Hi,

Please go to Template Settings, open tab “Custom Code” and add more CSS as below for Custom CSS code field

@media (max-width: 767px) {
#sp-menu {
position: relative!important;
top: 0;
margin-top: 30px;
}
}

Save and recheck.

AvatarLesia Venzyk answered 3 weeks ago

Thank. Everything works fine.
Tell me
if in file
../templates/lt_comuser/css/bootstrap-rtl.min.css
in section
@media (max-width: 767px)
add text
{# sp-menu {position: relative! important; top: 0; margin-top: 30px;}}
will it be correct?

AvatarLesia Venzyk answered 3 weeks ago

And, for sure, still not forget about it:
.sp-contact-info {
float: right!important;
}
Is that right?

KelvinKelvin Staff replied 3 weeks ago

Yes, thank you.

summer discount

eskişehir escort izmit Escort bursa escort bayan ankara escort bayan van escort bayan elazığ escort bayan erzurum escort bayan
Bring Your Business to Online by Open an eCommerce store websites on Today! Check 50+ Free WooCommerce Themes
[HAPPY 14TH BIRTHDAY TO JOOMLA!] 50% OFF Coupon Available Now! Limited Time => Get Coupon Code!