RTL languages and Symbol Canvas Menu

SupportRTL languages and Symbol Canvas Menu
AvatarLesia Venzyk asked 5 months 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 5 months ago

Can you send me your site URL to check?

AvatarLesia Venzyk replied 5 months 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 5 months 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 5 months ago

It’s OK. Thank’s.

KelvinKelvin Staff replied 5 months ago

You’re welcome!

AvatarLesia Venzyk replied 5 months 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 5 months 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 5 months 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 5 months ago

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

KelvinKelvin Staff replied 5 months ago

Yes, thank you.

Xmas Sale with 50% Discount on today!

Access Life-time All-In-One Membership with 500+ Premium WordPress themes and Joomla templates just $199.50 (instead of $399) after discounted! Life-time Access, Download and Support, One-time Payment, No Renewal. Coupon code: XMAS2019

Join All-In-One Club and use 50% OFF xMas Coupon!

xmas2019

eskişehir escort izmit Escort bursa escort bayan ankara escort bayan van escort bayan elazığ escort bayan erzurum escort bayan
[November Released] LT Hotel Booking - Booking platform for Hotel/Resort Wordpress theme | Support Elementor & WP Hotel Booking plugins Check it out
[Merry Christmas 2019!] Get 50% OFF for PRO Licenses and Membership packages! Coupon Code: XMAS2019 How to use it?